slideLock - un système de CAPTCHA alternatif

slideLock est une alternative aux captchas traditionnels pour protéger ses formulaires web.

Sous forme de slider jQuery UI, slideLock permet d'insérer à ses formulaires un captcha qui reprend le principe du système de verrouillage des iPhone.

L'utilisateur doit faire glisser le curseur pour "dévérouiller le formulaire" et activer le bouton de validation. Des champs cachées de vérifications sont ajoutéés pour compléter la sécurisation coté serveur.

Utilisation de slideLock

Le plugin permet de personnaliser les textes, icones et valeurs de tests :

     <script type="text/javascript" src="jquery.slideLock.js"></script>
    <script type="text/javascript">
    	$(document).ready(function() {
			// options listed for display purposes
			// style these options with css to fit your application
			$("#contact").slideLock({
				labelText: "Glisser pour Dévérouiller :",
				noteText: "Prouver que vous êtes un humain :)",
				lockText: "Vérouillé",
				unlockText: "Dévérouillé",
				iconURL: "chrome/arrow_right.png",
				inputID: "sliderInput",
				onCSS: "#333",
				offCSS: "#aaa",
				inputValue: 1,
				saltValue: 9,
				checkValue: 10,
				submitID: "#submit"
			});
		});
    </script>

Quand au formulaire, il n'a pas besoin d'être modifié :

       <form id="contact" class="hform" method="post">
            <fieldset>
                <legend>Contact</legend>
                <p><label for="name">Nom:</label><input id="name" name="name" type="text" /></p>
                <p><label for="email">E-mail:</label><input id="email" name="email" type="text" /></p>
                <p><label for="comments">Message:</label><textarea id="comments" name="comments"></textarea></p>
                <input id="submit" name="submit" type="submit" value="Soumetter" />
            </fieldset>
        </form>

Site officiel