PHP 슬라이딩 캡차 추가법 튜토리얼

작은 쓰레기 같은 놈들 · 게시됨 2015. 5. 12. 오후 4:31:31

렌더링은 위와 같습니다:

QapTcha는 jQuery 드래그 가능한 캡차 시스템으로, jQuery UI를 지원합니다!

QapTcha는 사용하기 쉽고 단순하며 직관적인 캡차 시스템입니다.
하드 드라이브 텍스트를 읽는 것이 아니라 인간의 행동이 필요하며, 이 플러그인은 매우 가벼운 jQuery 플러그인입니다.

아이폰과 아이패드에서 사용할 수 있도록 파일 jquery.ui.touch.js이 버전 2.5에서 추가되었습니다!

QapTcha는 위에서 언급한 이유로 PHP5.2에서 동작합니다 json_encode()!

어떻게 작동하나요?
DOM 구성에서 QapTcha는 무작위 이름인 "attribut, full of random passwords"라는 숨겨진 입력을 생성합니다.
일반적으로 봇은 폼을 보내기 전에 모든 입력값을 입력합니다.

드롭의 목적은 무작위 입력을 비우고 이 무작위 값을 가진 $_SESSION [qaptcha_key'] 변수를 Ajax에서 설정하는 것입니다.

PHP에서는 무작위 입력이 존재하고 비어 있는지 확인하고, $_SESSION['qaptcha_key']가 이 무작위 값을 채우면 됩니다.
PHP 파일에서는 다음과 같은 작업을 해야 합니다:

// check if $_SESSION['qaptcha_key'] created with AJAX exists
if(isset($_SESSION['qaptcha_key']) && !empty($_SESSION['qaptcha_key']))
{
$myVar = $_SESSION['qaptcha_key'];
// check if the random input created exists and is empty
if(isset($_POST[''.$myVar.'']) && empty($_POST[''.$myVar.'']))
{
//mail can be sent
}
else
{
//mail can not be sent
}
}
unset($_SESSION['qaptcha_key']);

코드 복사

Implementation:
1. 먼저, CSS와 jQuery 파일을 포함하세요

<link rel="stylesheet" type="text/css" href="QapTcha.jquery.css" media="screen" />
<scrip去掉t type="text/javascrip去掉t" src="jquery.js"></scrip去掉t>
<scrip去掉t type="text/javascrip去掉t" src="jquery-ui.js"></scrip去掉t>
<scrip去掉t type="text/javascrip去掉t" src="jquery.ui.touch.js"></scrip去掉t>
<scrip去掉t type="text/javascrip去掉t" src="QapTcha.jquery.js"></scrip去掉t>

코드 복사

2. "qaptcha" 클래스가 포함된 DIV를 폼에 추가하세요

<form method="post" action="">
<fieldset>
<label>First Name</label> <input type="text" name="firstname" />
<label>Last Name</label> <input type="text" name="lastname" />
<div class="clr"></div>
<div class="QapTcha"></div>
<input type="submit" name="submit" value="Submit form" />
</fieldset>
</form>

코드 복사

양식 제출 전에 3. PHP 통제를 완료했습니다

// check if $_SESSION['qaptcha_key'] created with AJAX exists
if(isset($_SESSION['qaptcha_key']) && !empty($_SESSION['qaptcha_key']))
{
$myVar = $_SESSION['qaptcha_key'];
// check if the random input created exists and is empty
if(isset($_POST[''.$myVar.'']) && empty($_POST[''.$myVar.'']))
{
//mail can be sent
}
else
{
//mail can not be sent
}
}
unset($_SESSION['qaptcha_key']);

코드 복사

4. 이제 Qaptcha 플러그인을 호출하세요

<scrip去掉t type="text/javascrip去掉t">
$(document).ready(function(){
// Simple call
$('.QapTcha').QapTcha();
// More complex call
$('.QapTcha').QapTcha({
autoSubmit : true,
autoRevert : true,
PHPfile : 'path_to_my_php_file/Qaptcha.jquery.php'
});
});
</scrip去掉t>

코드 복사

QapTcha-master.zip (53.93 KB, 다운로드 횟수: 13)

북부 도시의 기온은 22도입니다 · 게시됨 2015. 5. 14. 오후 9:19:37

완성된 제품의 소스 코드와 함께 ASP.NET 에서 Qaptcha를 검증 코드로 사용하세요
http://www.itsvse.com/forum.php?mod=viewthread&tid=1960
(출처: 우한 소프트웨어공학 직업대학)

PHP 슬라이딩 캡차 추가법 튜토리얼

관련 게시물

본 섹션