<< 비즈니스 찾는 방법들 | Home | 대한 민국에서 창업이 힘든 이유 6가지 >>

jQuery UI를 활용한 드래그기반 Captcha 활용

A Draggable jQuery Captcha System with jQuery UI

QapTcha는 jQuery, jQuery UI를 활용해서 만든 드래그앤드랍이 가능한 캡차(Captcha - 그림문자)를 응용한 오픈소스이다. 기존의 Captcha는 서버에서 랜덤 숫자나 숫자 합을 서버가 발급하여 UI에서 사용자가 그에 부합하는 문자열을 넣어 서버에서 확인하는 방식으로 기존 스팸성 트래픽을 차단하기 위한 방안으로 사용되어 졌다.

이번에 소개할 QapTcha는 아이폰에서 사용하듯 수평으로 드레그해서 락을 푸는 것을 웹에서 구현한 오픈소스이다. 기존의 캡차틀에서 벗어났다는데 의미를 두고 싶다.

1. 실행 화면

2. 소스 설명
<!-- JS -->
<script type="text/javascript">
  $(document).ready(function(){
 $('#QapTcha').QapTcha({disabledSubmit:false});
  });
</script>

3. 데모 사이트
- http://www.mimul.com/html5/captcha/

[참조 사이트]




Add a comment Send a TrackBack