PHP スライディングキャプチャの追加チュートリアル

クズども · 掲載地 2015/05/12 16:31:31

レンダリングは以下の通りです:

QapTchaはjQueryのドラッグ可能なキャプチャシステムで、jQuery UIも搭載されています!

QapTchaは使いやすく、シンプルで直感的なキャプチャシステムです。
ハードドライブのテキストを読むのではなく、人間の行動が必要で、これは非常に軽量なjQueryプラグインです。

iPhoneとiPadで動作させるために、V2.5でファイルjquery.ui.touch.jsが追加されました!

QapTchaは上記の理由でPHP5.2で動作します。関数json_encode()!

どのように機能するのですか?
DOMの構築では、QapTchaは「attribut full of random passwords」というランダムな名前の隠れた入力を作成します。
通常、ボットはフォームを送信する前にすべての入力をフォームに入力します。

ドロップの目的は、ランダム入力を空にし、Ajaxでこのランダムな値を持つ$_SESSION [qaptcha_key']変数を設定することです。

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/05/14 21:19:37

完成品のソースコードとともに ASP.NET でQaptchaを検証コードとして使う
http://www.itsvse.com/forum.php?mod=viewthread&tid=1960
(出典:武漢ソフトウェア工学職業学院)

PHP スライディングキャプチャの追加チュートリアル

関連記事

閲覧したセクション