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 :