[1분 꿀팁] 캡챠(CAPTCHA) 리로드시 자동 리셋, 커서 이동 > 그누보드5 팁자료실

그누보드5 팁자료실

[1분 꿀팁] 캡챠(CAPTCHA) 리로드시 자동 리셋, 커서 이동 정보

[1분 꿀팁] 캡챠(CAPTCHA) 리로드시 자동 리셋, 커서 이동

첨부파일

captcha_01.png (131.9K) 4회 다운로드 2017-03-05 02:37:17
captcha_02.png (45.9K) 1회 다운로드 2017-03-05 02:37:17

본문

안녕하세요.
우선에는 게시물을 위로 올리시어 첫번째 스크린샷부터 보시기 바랍니다.

현재 그누보드(5 기준)에 적용된 캡챠(자동등록 방지) 기능에는
ID 선택자로써 captcha_reload 버튼이 존재합니다.
첫번째 스크린샷의 두번째 장면에서 마우스를 누르는 부분이지요.

해당 버튼을 누르면 왼쪽의 캡챠 이미지가 갱신되는데
상식적으로 캡챠를 갱신하는 리로드 버튼을 누를 일은
두가지 정도의 사유가 있겠습니다.

1. 캡챠가 복잡함으로 인한 난독성 때문에 알아보기 쉬운 문자로 다시 생성
2. 캡챠를 따라서 숫자를 입력하다 보니 잘 못 기입해서 지우기 귀찮아 다시 생성

이러한 이유로 웹페이지 접속자가 리로드 버튼을 누를 경우 우리는 다음과 같은
반응을 확인할 수 있습니다.

1. 좌측의 캡챠 이미지가 갱신되어 새로운 숫자가 출력됩니다.
2. 그런데 우측의 텍스트박스에 접속자가 입력하던 숫자는 그대로입니다.
3. 그런데 또! 커서도 사라져 있습니다. 웬걸 조금 불편합니다...
4. 그리하여 커서를 텍스트박스로 이동하고 백스페이스로 삭제해야 합니다.

그래서 이러한 불편함을 해결하기 위해서는 바로 위에 언급된 1~4 중에서
2와 3의 부분만 편리하게 수정하여 주면 됩니다.

아래에 그 방법을 공유하여 드립니다.

----------------------------------------------------------------------

간략설명 : JQuery 코드 4줄 삽입으로 해결됩니다. 수정 및 삭제는 없습니다.
기준버전 : 그누보드 5.2.6 (2017.01.19 10:34:31)
해당파일 : /js/common.js
삽입라인 : 570번 줄 (569번 줄 뒤에 삽입하시면 됩니다.)
소스코드 :

$("#captcha_reload").click(function(){
    $('#captcha_key').val('');
    $('#captcha_key').focus();
});

참조하기 : 게시물 상단의 두번째 스크린샷 이미지의 소스코드 삽입의 예

----------------------------------------------------------------------

제목에 접두어로 [1분 꿀팁]이라고 하였습니다만 적용함에 있어서
단 1분도 걸리지 않을듯 하오며, 또한 "꿀"팁이 아니라 그냥 밍밍한
팁일 수 있겠습니다. 허나, 당히 기본적으로 제공되어야 하는 부분이라
생각됨에도 그누보드에 적용되어 있지 않음에 공유합니다.

이상 지나가는 노총각 개발자 였습니다.
박보영양 같은 처자 소개시켜 주시면 앞으로 진짜 'Tips of Honey' 포스팅 하겠습니다.

감사합니다!
추천
4

댓글 3개

전체 2,411 |RSS
그누보드5 팁자료실 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT