dPassword plugin jQuery pour champ password Iphone-Like
L’erreur de saisie la plus fréquente dans les formulaires web se situe dans les champs de type password car les lettres saisies sont masquées. Voici donc une alternative intéressante.
Le plugin jQuery dPassword (delayed password) appelé « iphone-like password », vous permet donc de modifier le comportement d’un champ « password » et ainsi diminuer les erreurs de saisies lors d’inscription par exemple.
Ce plugin permet donc d’afficher temporairement le dernier caractère saisie.
Installation
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.dPassword.js"></script>
<script type="text/javascript">
$(document).ready( function() {
$('input:password').dPassword();
});
</script>
Les options
- interval
temps en msec que le script verifie la saisie d’un nouveau caractère. - duration
délai en msec pour convertir la dernière lettre saisie. - replacement
Caractères à remplacer - prefix
Prefix pour l’élément généré. Par défaultpassword_. - debug
Debug à l’aide de FireBug
Ce plugin supporte aussi le copier/coller.
Exemple:
$(document).ready( function() {
$('input:password').dPassword({
duration: 2000,
interval: 3000,
prefix: 'my_'
});
});
La durée de visibilité du dernier caractère est modifiable en passant celle-ci en parmamètre de la fonction dPassword().
Démo et téléchargement du plugin sur le site officiel.
http://blog.decaf.de/2009/07/iphone-like-password-fields-using-jquery/
Loading ...