PHP Как да добавите плъзгаща капча – урок

Малък боклук · Публикувано в 12.05.2015 г. 16:31:31 ч.

Визуализациите са както по-горе:

QapTcha е капча система с плъзгане на jQuery с jQuery UI!

QapTcha е лесна за използване, проста и интуитивна капча система.
Изисква човешко поведение, а не четене на текста на твърдия диск, и това е много лек jQuery плъгин.

За работа с iPhone и iPad, файлът jquery.ui.touch.js е добавен във версия 2.5!

QapTcha работи с PHP5.2 по горните причини за функцията json_encode()!

Как работи?
При конструирането на DOM QapTcha създава скрит вход с произволно име "атрибут, пълен с случайни пароли".
Обикновено ботът попълва всички входни данни във формуляра преди да я изпрати.

Целта на дропа е да се изпразни случайният вход и да се зададе променлива от $_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. Добави DIV със клас "qaptcha" във формата си

<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)

Публикувано в 14.05.2015 г. 21:19:37 ч.

Използвайте Qaptcha като код за проверка в ASP.NET с изходния код на крайния продукт
http://www.itsvse.com/forum.php?mod=viewthread&tid=1960
(Източник: Професионален колеж по софтуерно инженерство в Ухан)

PHP Как да добавите плъзгаща капча – урок

Свързани публикации

Разгледани секции