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:

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:

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/

 Fájl letöltése:  captcha.zip

Szerző: raczger Hozzászólások(0)