Questo articolo è un articolo speculare di traduzione automatica, clicca qui per saltare all'articolo originale.

Architect_Programmer_Code Rete Agricola»Architetto › Programmazione › PHP › PHP Come aggiungere tutorial per il captcha scivolante
Vista: 15590|Risposta: 1

PHP Come aggiungere tutorial per il captcha scivolante

[Copiato link]
Pubblicato su 12/05/2015 16:31:31 | | | |


Le rappresentazioni sono le sopra:

QapTcha è un sistema captcha trascinabile con jQuery UI!


QapTcha è un sistema captcha facile da usare, semplice e intuitivo.
Richiede il comportamento umano, non la lettura del testo dell'hard disk, ed è un plugin jQuery molto leggero.


Per funzionare con iPhone e iPad, è stato aggiunto il file jquery.ui.touch.js nella versione 2.5!


QapTcha funziona in PHP5.2 per i motivi sopra riportati sulla funzione json_encode()!


Come funziona?
Nella costruzione del DOM, QapTcha crea un input nascosto con un nome casuale "attributo pieno di password casuali."
Tipicamente, un bot inserisce tutti gli input in un modulo prima di inviarlo.


Lo scopo del drop è svuotare l'input casuale e impostare una variabile $_SESSION [qaptcha_key'] con questo valore casuale in Ajax.


Con PHP, basta controllare se l'input casuale esiste ed è vuoto, se $_SESSION['qaptcha_key'] popola questo valore casuale.
Nei file PHP devi fare cose come:


  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']);
Copia codice
Implementation:
1. Innanzitutto, includere i file CSS & jQuery
  1. <!-- include CSS & JS files -->
  2. <!-- CSS file -->
  3. <link rel="stylesheet" type="text/css" href="QapTcha.jquery.css" media="screen" />

  5. <!-- jQuery files -->
  6. <scrip去掉t type="text/javascrip去掉t" src="jquery.js"></scrip去掉t>
  7. <scrip去掉t type="text/javascrip去掉t" src="jquery-ui.js"></scrip去掉t>
  8. <scrip去掉t type="text/javascrip去掉t" src="jquery.ui.touch.js"></scrip去掉t>
  9. <scrip去掉t type="text/javascrip去掉t" src="QapTcha.jquery.js"></scrip去掉t>
Copia codice
2. aggiungi un DIV con la classe "qaptcha" nel tuo modulo
  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>

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

  10.     <input type="submit" name="submit" value="Submit form" />
  11.   </fieldset>
  12. </form>
Copia codice
3. PHP controllo prima di inviare il modulo
  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'];

  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']);
Copia codice
4. Ora, chiama il plugin Qaptcha
  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>
Copia codice


QapTcha-master.zip (53.93 KB, Numero di download: 13)






Precedente:Apri la pagina del sito web e appare la soluzione Autorizzazione Richiesta
Prossimo:Breve riassunto della soluzione per l'implementazione del CAPTCHA in asp.net

Post correlati
Pubblicato su 14/05/2015 21:19:37 |
Usa Qaptcha come codice di verifica nel ASP.NET con il codice sorgente del prodotto finito
http://www.itsvse.com/forum.php?mod=viewthread&tid=1960
(Fonte: Wuhan Software Engineering Vocational College)
Disconoscimento:
Tutto il software, i materiali di programmazione o gli articoli pubblicati dalla Code Farmer Network sono destinati esclusivamente all'apprendimento e alla ricerca; I contenuti sopra elencati non devono essere utilizzati per scopi commerciali o illegali, altrimenti gli utenti dovranno sostenere tutte le conseguenze. Le informazioni su questo sito provengono da Internet, e le controversie sul copyright non hanno nulla a che fare con questo sito. Devi eliminare completamente i contenuti sopra elencati dal tuo computer entro 24 ore dal download. Se ti piace il programma, ti preghiamo di supportare software autentico, acquistare la registrazione e ottenere servizi autentici migliori. In caso di violazione, vi preghiamo di contattarci via email.
Mail To:help@itsvse.com