Este artículo es un artículo espejo de traducción automática, por favor haga clic aquí para saltar al artículo original.

Vista: 15590|Respuesta: 1

PHP Cómo añadir captcha deslizante

[Copiar enlace]
Publicado en 12/5/2015 16:31:31 | | | |


Las representaciones son las siguientes:

QapTcha es un sistema captcha arrastrable con jQuery y interfaz jQuery.


QapTcha es un sistema captcha fácil de usar, sencillo e intuitivo.
Requiere comportamiento humano, no leer el texto del disco duro, y este es un plugin jQuery muy ligero.


Para funcionar con iPhone y iPad, ¡se ha añadido el archivo jquery.ui.touch.js en la versión 2.5!


QapTcha funciona en PHP5.2 por las razones anteriores para la función json_encode()!


¿Cómo funciona?
En la construcción del DOM, QapTcha crea una entrada oculta con un nombre aleatorio "atributo lleno de contraseñas aleatorias."
Normalmente, un bot rellena todas las entradas en un formulario antes de enviarlo.


El propósito de la caída es vaciar la entrada aleatoria y establecer una variable $_SESSION [qaptcha_key'] con este valor aleatorio en Ajax.


Con PHP, solo comprueba si la entrada aleatoria existe y está vacía, si $_SESSION['qaptcha_key'] se llena con este valor aleatorio.
En archivos PHP, tienes que hacer cosas como:


  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']);
Copiar código
Implementation:
1. Primero, incluir los archivos CSS & jQuery
  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>
Copiar código
2. añade un DIV con la clase "qaptcha" en tu formulario
  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>
Copiar código
3. PHP control antes de enviar el formulario
  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']);
Copiar código
4. Ahora, llama al 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>
Copiar código


QapTcha-master.zip (53.93 KB, Número de descargas: 13)






Anterior:Abre la página web y aparece la solución Autorización requerida
Próximo:Resumen de solución para la implementación de CAPTCHA en asp.net
Publicado en 14/5/2015 21:19:37 |
Usa Qaptcha como código de verificación en el ASP.NET con el código fuente del producto terminado
http://www.itsvse.com/forum.php?mod=viewthread&tid=1960
(Fuente: Escuela Profesional de Ingeniería de Software de Wuhan)
Renuncia:
Todo el software, materiales de programación o artículos publicados por Code Farmer Network son únicamente para fines de aprendizaje e investigación; El contenido anterior no se utilizará con fines comerciales o ilegales; de lo contrario, los usuarios asumirán todas las consecuencias. La información de este sitio proviene de Internet, y las disputas de derechos de autor no tienen nada que ver con este sitio. Debes eliminar completamente el contenido anterior de tu ordenador en un plazo de 24 horas desde la descarga. Si te gusta el programa, por favor apoya el software genuino, compra el registro y obtén mejores servicios genuinos. Si hay alguna infracción, por favor contáctanos por correo electrónico.

Mail To:help@itsvse.com