Tämä artikkeli on konekäännöksen peiliartikkeli, klikkaa tästä siirtyäksesi alkuperäiseen artikkeliin.

Näkymä: 15590|Vastaus: 1

PHP Kuinka lisätä liukuva captcha -opas

[Kopioi linkki]
Julkaistu 12.5.2015 16.31.31 | | | |


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:


  1. // check if $_SESSION['qaptcha_key'] created with AJAX exists
  2. if(isset($_SESSION['qaptcha_key']) && !empty($_SESSION['qaptcha_key']))
  3. {
  4.   $myVar = $_SESSION['qaptcha_key'];
  5.   
  6. // check if the random input created exists and is empty
  7.   if(isset($_POST[''.$myVar.'']) && empty($_POST[''.$myVar.'']))
  8.   {
  9.     //mail can be sent
  10.   }
  11.   else
  12.   {
  13.     //mail can not be sent
  14.   }
  15. }
  16. unset($_SESSION['qaptcha_key']);
Kopioi koodi
Implementation:
1. Sisällytä ensin CSS- ja jQuery-tiedostot
  1. <!-- include CSS & JS files -->
  2. <!-- CSS file -->
  3. <link rel="stylesheet" type="text/css" href="QapTcha.jquery.css" media="screen" />

  4. <!-- jQuery files -->
  5. <scrip去掉t type="text/javascrip去掉t" src="jquery.js"></scrip去掉t>
  6. <scrip去掉t type="text/javascrip去掉t" src="jquery-ui.js"></scrip去掉t>
  7. <scrip去掉t type="text/javascrip去掉t" src="jquery.ui.touch.js"></scrip去掉t>
  8. <scrip去掉t type="text/javascrip去掉t" src="QapTcha.jquery.js"></scrip去掉t>
Kopioi koodi
2. lisää lomakkeeseesi DIV, jossa on "qaptcha"-luokka
  1. <form method="post" action="">
  2.   <fieldset>
  3.     <label>First Name</label> <input type="text" name="firstname" />
  4.     <label>Last Name</label> <input type="text" name="lastname" />
  5.     <div class="clr"></div>

  6.     <!-- Add this line in your form -->
  7.     <div class="QapTcha"></div>

  8.     <input type="submit" name="submit" value="Submit form" />
  9.   </fieldset>
  10. </form>
Kopioi koodi
3. PHP hallinta ennen lomakkeen lähettämistä
  1. // check if $_SESSION['qaptcha_key'] created with AJAX exists
  2. if(isset($_SESSION['qaptcha_key']) && !empty($_SESSION['qaptcha_key']))
  3. {
  4.   $myVar = $_SESSION['qaptcha_key'];

  5.   // check if the random input created exists and is empty
  6.   if(isset($_POST[''.$myVar.'']) && empty($_POST[''.$myVar.'']))
  7.   {
  8.     //mail can be sent
  9.   }
  10.   else
  11.   {
  12.     //mail can not be sent
  13.   }
  14. }
  15. unset($_SESSION['qaptcha_key']);
Kopioi koodi
4. Nyt soita Qaptcha-pluginille
  1. <scrip去掉t type="text/javascrip去掉t">
  2.   $(document).ready(function(){
  3.     // Simple call
  4.     $('.QapTcha').QapTcha();
  5.    
  6.     // More complex call
  7.     $('.QapTcha').QapTcha({
  8.       autoSubmit : true,
  9.       autoRevert : true,
  10.       PHPfile : 'path_to_my_php_file/Qaptcha.jquery.php'
  11.     });
  12.   });
  13. </scrip去掉t>
Kopioi koodi


QapTcha-master.zip (53.93 KB, Latausten määrä: 13)






Edellinen:Avaa verkkosivuston sivu ja Authorization Required -ratkaisu ilmestyy
Seuraava:Ratkaisukatsaus CAPTCHA-toteutukseen vuonna asp.net
Julkaistu 14.5.2015 21.19.37 |
Käytä Qaptchaa varmennuskoodina ASP.NET valmiin tuotteen lähdekoodin kanssa
http://www.itsvse.com/forum.php?mod=viewthread&tid=1960
(Lähde: Wuhan Software Engineering Vocational College)
Vastuuvapauslauseke:
Kaikki Code Farmer Networkin julkaisemat ohjelmistot, ohjelmamateriaalit tai artikkelit ovat tarkoitettu vain oppimis- ja tutkimustarkoituksiin; Yllä mainittua sisältöä ei saa käyttää kaupallisiin tai laittomiin tarkoituksiin, muuten käyttäjät joutuvat kantamaan kaikki seuraukset. Tämän sivuston tiedot ovat peräisin internetistä, eikä tekijänoikeuskiistat liity tähän sivustoon. Sinun tulee poistaa yllä oleva sisältö kokonaan tietokoneeltasi 24 tunnin kuluessa lataamisesta. Jos pidät ohjelmasta, tue aitoa ohjelmistoa, osta rekisteröityminen ja hanki parempia aitoja palveluita. Jos rikkomuksia ilmenee, ota meihin yhteyttä sähköpostitse.

Mail To:help@itsvse.com