에티테마

글작성 또는 글쓰기시 재미있는 캡챠 코드

페이지 정보

작성자 소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 댓글 0건 작성일 19-10-31 16:55
라이센스 MIT
데모 데모 (3413)
다운로드 다운로드 (3050)
개발사 해당 문서 파일 확인

본문

유튜브주소 : https://youtu.be/i-0hSvA1GDo


기존 캡챠 코드와는 약간 다른 아이디어가 묻어 있는 캡챠코드 네요~

드래그 해서 숫자의 배열을 맞춰야 글을 작성할 수 있습니다.
해당 코드의 경우에는 1~6개 까지 이지만 숫자를 더 추가하거나 뺄 수도 있습니다.

[기존코드]
 


           $(function() {
                $("#sortable").sortable();
                $("#sortable").disableSelection();
                $('ul').shuffle();

                $("#formsubmit").click(function(){
                    ($('ul').validate()) ? alert("Yeah, you are a human!") : alert("No, you are not a human!");
                });


위 처럼 되어 있는 코드를 아래 처럼 수정하였습니다.
아래 주석에서 submit 를 처리하시면 될듯 합니다.

[수정코드]


            $(function() {
                $("#sortable").sortable();
                $("#sortable").disableSelection();
                $('ul').shuffle();

                $("#formsubmit").click(function(){
                    //($('ul').validate()) ? alert("Yeah, you are a human!") : alert("No, you are not a human!");
                    var a = $('ul').validate();
                    if(a) {
                        alert('인간맞음');
                        // input 체크
                        // submit();
                    }else{
                        alert('로봇입니다.');
                    }
                });





 

  • 트위터로 보내기
  • 페이스북으로 보내기
  • 구글플러스로 보내기

댓글목록

등록된 댓글이 없습니다.

Total 41건 1 페이지

카테고리

카테고리
라이브러리