WebCssDesign

dPassword plugin jQuery pour champ password Iphone-Like

• Accueil
• Ajax
• 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éfault password_.
• 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/