Cet article est un article miroir de traduction automatique, veuillez cliquer ici pour accéder à l’article original.

Architect_Programmer_Code Réseau agricole»Architecte › Programmation › PHP › PHP Comment ajouter un captcha glissé
Vue: 15590|Répondre: 1

PHP Comment ajouter un captcha glissé

[Copié le lien]
Publié sur 12/05/2015 16:31:31 | | | |


Les rendus sont les suivants :

QapTcha est un système captcha glissable jQuery avec une interface jQuery !


QapTcha est un système captcha simple et intuitif facile à utiliser.
Il nécessite un comportement humain, pas la lecture du texte du disque dur, et c’est un plugin jQuery très léger.


Pour fonctionner avec l’iPhone et l’iPad, le jquery.ui.touch.js de fichiers a été ajouté en V2.5 !


QapTcha fonctionne en PHP5.2 pour les raisons ci-dessus concernant la fonction json_encode() !


Comment cela fonctionne-t-il ?
Dans la construction DOM, QapTcha crée une entrée cachée avec un nom aléatoire « attribut plein de mots de passe aléatoires ».
En général, un robot remplit toutes les entrées dans un formulaire avant de l’envoyer.


Le but de la chute est de vider l’entrée aléatoire et de définir une variable $_SESSION [qaptcha_key'] avec cette valeur aléatoire dans Ajax.


Avec PHP, il suffit de vérifier si l’entrée aléatoire existe et est vide, si $_SESSION['qaptcha_key'] remplit cette valeur aléatoire.
Dans les fichiers PHP, il faut faire des choses comme :


  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']);
Code de copie
Implementation:
1. Premièrement, inclure les fichiers 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>
Code de copie
2. ajouter un DIV avec la classe « qaptcha » dans votre formulaire
  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>
Code de copie
3. PHP contrôle avant d’envoyer le formulaire
  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']);
Code de copie
4. Maintenant, appelez le 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>
Code de copie


QapTcha-master.zip (53.93 KB, Nombre de téléchargements: 13)






Précédent:Ouvrez la page web et la solution Autorisation requise apparaît
Prochain:Résumé de la solution pour la mise en œuvre du CAPTCHA en asp.net

Articles connexes
Publié sur 14/05/2015 21:19:37 |
Utilisez Qaptcha comme code de vérification dans le ASP.NET avec le code source du produit fini
http://www.itsvse.com/forum.php?mod=viewthread&tid=1960
(Source : Collège professionnel d’ingénierie logicielle de Wuhan)
Démenti:
Tous les logiciels, supports de programmation ou articles publiés par Code Farmer Network sont uniquement destinés à l’apprentissage et à la recherche ; Le contenu ci-dessus ne doit pas être utilisé à des fins commerciales ou illégales, sinon les utilisateurs assumeront toutes les conséquences. Les informations sur ce site proviennent d’Internet, et les litiges de droits d’auteur n’ont rien à voir avec ce site. Vous devez supprimer complètement le contenu ci-dessus de votre ordinateur dans les 24 heures suivant le téléchargement. Si vous aimez le programme, merci de soutenir un logiciel authentique, d’acheter l’immatriculation et d’obtenir de meilleurs services authentiques. En cas d’infraction, veuillez nous contacter par e-mail.
Mail To:help@itsvse.com