Ou comment permettre à un utilisateur se saisir plus facilement dans un formulaire des données a longueur fixe, ou de format spécifique (dates, numéros de téléphone, etc.) sans se préoccuper du formatage.

C’est un plugin pour jQuery, il a été testé sur Internet Explorer 6 / 7, Firefox 1.5/2/3, Safari, Opera et Chrome.

Son fonctionnement :
on va prendre un champ date au format dd/mm/YYYY pour l’exemple :

quand le champ du formulaire reçoit le focus, le plugin va automatiquement pré-remplir le champ avec « __/__/____ » et votre saisie va automatiquement remplacer la chaine par défaut, ainsi pour une date vous n’aurez pas a saisir les / juste les information de la date, ce qui est quand même pas mal pour l’utilisateur final.

vous trouverez plus d’exemples sur cette page : Masked Input Plugin

l’onglet « usage » vous sera de grande utilité pour la partie implémentation et utilisation.

voici une vidéo pour illustrer quelques exemples :