이 글에서 소개하는 jQuery 플러그인은 조금 특별합니다. 자동 양식 제출 방지를 위한 검증 도구는 우리가 자주 사용하는 검증 코드 도구입니다.
렌더링은 다음과 같습니다.
사용 지침
jQuery 라이브러리 파일과 Real Person 라이브러리 파일을 사용해야 합니다
동시에 인증 코드 표시를 위한 CSS 스타일을 맞춤설정해야 합니다
사용예
1. 파일 부분
2. HTML 부분
3. 자바스크립트 부분
$("#biuuu").realperson();
위의 예와 같이 자동 양식 제출을 방지하는 인증 코드 도구를 구현할 수 있으며 동시에 다음과 같이 인증 코드 문자 길이를 지정할 수 있습니다.
$("#biuuu").realperson({길이: 5});
오늘 이야기한 jQuery Real Person Plugin은 완전히 JavaScript로 작성된 jQuery 확인 코드 플러그인입니다.
jQuery 플러그인 Real Person 예시 설명을 새로 고치려면 클릭하세요
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.realperson.js"></script> <link href="jquery.realperson.css" rel="stylesheet" type="text/css" /> <script type="text/javascript"> $(function(){ $('#Gideon').realperson({length: 5}); }) </script> </head> <body> <input type="text" id="Gideon" name="defaultReal"> </body> </html>
참고: 인증에 계속 실패하는 경우 다음 방법을 시도해 보세요.
<?php function rpHash($value) { $hash = 5381; $value = strtoupper($value); for($i = 0; $i < strlen($value); $i++) { $hash = (($hash << 5) + $hash) + ord(substr($value, $i)); } return $hash; } ?>
을 다음으로 교체:
<? function rpHash($value) { $hash = 5381; $value = strtoupper($value); for($i = 0; $i < strlen($value); $i++) $hash = (leftShift32($hash, 5) + $hash) + ord(substr($value, $i)); return $hash; } function leftShift32($number, $steps) { $binary = decbin($number); $binary = str_pad($binary, 32, "0", STR_PAD_LEFT); $binary = $binary.str_repeat("0", $steps); $binary = substr($binary, strlen($binary) - 32); return ($binary{0} == "0" ? bindec($binary) : -(pow(2, 31) - bindec(substr($binary, 1)))); } ?>
위 내용은 jQuery 인증코드 플러그인 Real Person 사용법에 대한 소개입니다. 편집자가 포괄적으로 컴파일하지 않았을 수도 있으니 이해해 주시기 바랍니다.