Ez a cikk egy tükör gépi fordítás, kérjük, kattintson ide, hogy ugorjon az eredeti cikkre.

Nézet: 15590|Válasz: 1

PHP Hogyan lehet csúszó captcha oktatóvideót hozzáadni

[Linket másol]
Közzétéve 2015. 05. 12. 16:31:31 | | | |


A képek a fentiek szerint:

A QapTcha egy jQuery által húzható captcha rendszer jQuery felülettel!


A QapTcha egy könnyen használható, egyszerű és intuitív captcha rendszer.
Emberi viselkedést igényel, nem a merevlemez szövegének olvasását, és ez egy nagyon könnyű jQuery plugin.


iPhone-hoz és iPadhez a fájl jquery.ui.touch.js hozzáadva van V2.5-ben!


A QapTcha a PHP5.2-t használja a fent említett okok miatt a json_encode()!


Hogyan működik?
A DOM konstrukcióban a QapTcha egy rejtett bemenetet hoz létre egy véletlenszerű névvel, amelynek "attributa tele véletlenszerű jelszavakkal".
Általában egy bot minden bemenetet kitölt egy űrlapba, mielőtt elküldi az űrlapot.


A droping célja, hogy kiürítse a véletlenszerű bemenetet, és beállítson egy $_SESSION [qaptcha_key'] változót ezzel a véletlen értékkel Ajaxban.


PHP-vel csak ellenőrizd, hogy létezik-e a véletlenszerű bemenet és üres-e, hogy a $_SESSION['qaptcha_key'] tölti fel ezt a véletlenszerű értéket.
PHP fájlokban ilyesmit kell csinálni:


  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']);
Kód másolása
Implementation:
1. Először a CSS és jQuery fájlokat is beépítsük
  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>
Kód másolása
2. Adj hozzá egy DIV-t a "qaptcha" kaszttal az űrlapodba
  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>
Kód másolása
3. PHP kontroll az űrlap elküldése előtt
  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']);
Kód másolása
4. Most hívd fel a Qaptcha plugint
  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>
Kód másolása


QapTcha-master.zip (53.93 KB, Letöltések száma: 13)






Előző:Nyisd meg a weboldal oldalát, és megjelenik az Engedélyezési Szükséges megoldás
Következő:Megoldási összefoglaló a CAPTCHA megvalósításához asp.net
Közzétéve 2015. 05. 14. 21:19:37 |
Használd a Qaptcha-t ellenőrző kódként a ASP.NET a késztermék forráskódjával együtt
http://www.itsvse.com/forum.php?mod=viewthread&tid=1960
(Forrás: Wuhan Software Engineering Vocational College)
Lemondás:
A Code Farmer Network által közzétett összes szoftver, programozási anyag vagy cikk kizárólag tanulási és kutatási célokra szolgál; A fenti tartalmat nem szabad kereskedelmi vagy illegális célokra használni, különben a felhasználók viselik az összes következményet. Az oldalon található információk az internetről származnak, és a szerzői jogi vitáknak semmi köze ehhez az oldalhoz. A fenti tartalmat a letöltés után 24 órán belül teljesen törölni kell a számítógépéről. Ha tetszik a program, kérjük, támogassa a valódi szoftvert, vásároljon regisztrációt, és szerezzen jobb hiteles szolgáltatásokat. Ha bármilyen jogsértés történik, kérjük, vegye fel velünk a kapcsolatot e-mailben.

Mail To:help@itsvse.com