Este artigo é um artigo espelhado de tradução automática, por favor clique aqui para ir para o artigo original.

Vista: 15590|Resposta: 1

PHP Tutorial de Como Adicionar Captcha Deslizante

[Copiar link]
Publicado em 12/05/2015 16:31:31 | | | |


As renderizações são as seguintes:

QapTcha é um sistema captcha jQuery arrastável com interface jQuery!


QapTcha é um sistema captcha fácil de usar, simples e intuitivo.
Ele requer comportamento humano, não a leitura do texto do disco rígido, e este é um plugin jQuery muito leve.


Para funcionar com iPhone e iPad, o jquery.ui.touch.js de arquivo foi adicionado na V2.5!


O QapTcha funciona em PHP5.2 pelos motivos acima para a função json_encode()!


Como funciona?
Na construção do DOM, o QapTcha cria uma entrada oculta com um nome aleatório "atributo cheio de senhas aleatórias."
Normalmente, um bot preenche todas as entradas em um formulário antes de enviá-lo.


O objetivo da queda é esvaziar a entrada aleatória e definir uma variável $_SESSION [qaptcha_key'] com esse valor aleatório em Ajax.


Com PHP, basta verificar se a entrada aleatória existe e está vazia, se $_SESSION['qaptcha_key'] preenche esse valor aleatório.
Nos arquivos PHP, você precisa fazer coisas 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. Primeiro, incluir os arquivos 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. adicione um DIV com a classe "qaptcha" no seu formulário
  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 controle antes de enviar o formulário
  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. Agora, chame o 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 downloads: 13)






Anterior:Abra a página do site e a solução Autorização Necessária aparece
Próximo:Resumo da solução para implementação do CAPTCHA em asp.net
Publicado em 14/05/2015 21:19:37 |
Use Qaptcha como código de verificação no ASP.NET com o código-fonte do produto final
http://www.itsvse.com/forum.php?mod=viewthread&tid=1960
(Fonte: Faculdade Profissional de Engenharia de Software de Wuhan)
Disclaimer:
Todo software, material de programação ou artigos publicados pela Code Farmer Network são apenas para fins de aprendizado e pesquisa; O conteúdo acima não deve ser usado para fins comerciais ou ilegais, caso contrário, os usuários terão todas as consequências. As informações deste site vêm da Internet, e disputas de direitos autorais não têm nada a ver com este site. Você deve deletar completamente o conteúdo acima do seu computador em até 24 horas após o download. Se você gosta do programa, por favor, apoie um software genuíno, compre o registro e obtenha serviços genuínos melhores. Se houver qualquer infração, por favor, entre em contato conosco por e-mail.

Mail To:help@itsvse.com