Renderöinnit ovat kuten yllä:
QapTcha on jQuery-raahaava captcha-järjestelmä, jossa on jQuery UI!
QapTcha on helppokäyttöinen, yksinkertainen ja intuitiivinen captcha-järjestelmä. Se vaatii ihmisen käyttäytymistä, ei kiintolevyn tekstin lukemista, ja tämä on hyvin kevyt jQuery-lisäosa.
iPhonen ja iPadin kanssa toimimiseen tiedosto jquery.ui.touch.js on lisätty V2.5:ssä!
QapTcha toimii PHP5.2:ssa yllä mainituista syistä funktion json_encode()!
Miten se toimii? DOM-rakentamisessa QapTcha luo piilotetun syötteen, jonka satunnainen nimi on "attribut täynnä satunnaisia salasanoja". Tyypillisesti botti täyttää kaikki syötteet lomakkeeseen ennen lomakkeen lähettämistä.
Pudotuksen tarkoituksena on tyhjentää satunnaissyöte ja asettaa $_SESSION [qaptcha_key'] muuttuja, jolla on tämä satunnaisarvo Ajaxissa.
PHP:ssä tarkista vain, onko satunnainen syöte olemassa ja tyhjä, jos $_SESSION['qaptcha_key'] täyttää tämän satunnaisarvon. PHP-tiedostoissa sinun täytyy tehdä esimerkiksi:
- // 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']);
Kopioi koodi Implementation:
1. Sisällytä ensin CSS- ja jQuery-tiedostot- <!-- include CSS & JS files -->
- <!-- CSS file -->
- <link rel="stylesheet" type="text/css" href="QapTcha.jquery.css" media="screen" />
-
- <!-- jQuery files -->
- <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>
Kopioi koodi 2. lisää lomakkeeseesi DIV, jossa on "qaptcha"-luokka
- <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>
-
- <!-- Add this line in your form -->
- <div class="QapTcha"></div>
-
- <input type="submit" name="submit" value="Submit form" />
- </fieldset>
- </form>
Kopioi koodi 3. PHP hallinta ennen lomakkeen lähettämistä
- // 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']);
Kopioi koodi 4. Nyt soita Qaptcha-pluginille
- <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>
Kopioi koodi
QapTcha-master.zip
(53.93 KB, Latausten määrä: 13)
|