|
2018. április 20. 10:49 péntek, ma Konrád, Tivadar névnap van |
Ez a captha szkript egy random, 8 karakterből álló karaktersorozatot generál. Egyszerre az összes karakter csak néhány pillanatig jelenik meg, spam robotok miatt, nehezebben olvasható le karakter felismerő programok számára. A hagyományos captchák mára már nem olyan biztonságosak, így egyre ajánlottabb animáltat használni.
Telepítés:
1. A programhoz szükséges a jQuery JavaScript könyvtár, melyet itt el lehet tölteni: http://jquery.com/ . (Nem muszáj letölteni a legújabbat, a letöltött fájlban már benne van!)
2. jQuery UI is kell a programhoz: http://jqueryui.com/download . (Nem muszáj letölteni a legújabbat, a letöltött fájlban már benne van!)
3. A két letöltött js kódot illetve a css fájlt az alábbi módon kell beilleszteni weboldalunk head részébe:
jquery, jquery ui | |
1 2 3 4 5 |
<!-- jQuery Requirements --> <link type="text/css" href="/jquery/css/custom-theme/jquery-ui-1.8.17.custom.css" rel="stylesheet" /> <script type="text/javascript" src="/jquery/js/jquery-1.7.1.min.js"></script> <script type="text/javascript" src="/jquery/js/jquery-ui-1.8.17.custom.min.js"></script> <!-- End jQuery Requirements --> |
Ha más mappában tárolod őket értelemszerűen írd át az elérési útvonalakat.
4. A weboldalba a head részbe még illeszd be a következő kódot:
html head részébe | |
1 2 3 4 5 6 7 8 9 10 11 12 |
<!-- Security Code Functions --> <?php include_once(get_include_path() . "/captcha/js/security-image-java.php"); ?> <script type="text/javascript"> function validateForm() { // Check if security code was entered if ((validate_code_input("FormName", "vsc"))==false) return false; // Verify security code matches image value if ((verify_scode("FormName", "FormName", "vsc", "vsc2"))==false) return false; } </script> <!-- End Security Code Functions --> |
5. Az űrlap pedig a következő képpen nézzen ki. A form tagbe be kell illeszteni az onsubmit-hez return validateForm()-ot, illetve ahova szeretnéd a megerősítő képet oda egy php kódot. Itt van egy példa egy egyszerű űrlapra:
1 2 3 4 |
<form name="FormName" action="/captcha/scripts/test.html" method="post" onsubmit="return validateForm()"> <?php include_once(get_include_path() . "/captcha/scripts/security-code.php"); ?> <input type="submit" style="margin:0.5em; width:75px; height:30px;" /><input type="reset" style="margin:1em; width:75px; height:30px;" /> </form> |
A működő példaprogramot megtaláljátok a captha mappában az index.php fájlban.
A programot itt lehet kipróbálni: http://www.powersja.t15.org/web-apps/captcha/
Készítő weboldala: http://www.powersja.t15.org/
Szerző: ![]() ![]() |
![]() ![]() ![]() ![]() |