A ne pas confondre avec le HTML5
Mask.js est une bibliothèque JavaScript qui permet de valider des champs HTML input selon un masque de type date, numérique ou texte. Le but est d'empêcher l'entrée de caractères non valides lorsqu'ils sont tapés.
Exemple de code :
Code javascript : | Sélectionner tout |
1 2 3 4 5 6 | Mask.newMask({ $el: $('input.name'), mask: 'HH:mm', errorFunction: function() {}, defaultValue: '12:00' }); |
Comme ce code le laisse sugérer, la bibliothèque est dépendante de jQuery.
En voici quelques caractéristiques :
- vous pouvez préciser un nombre de caractères à ne pas dépasser ;
- la gestion des dates comprend également les années bissextiles et les dates incorrectes ;
- vous pouvez utiliser une fonction personnalisée pour gérer les entrées non valides ;
- la validation se fait au fur et à mesure que vous encodez.
Cette bibliothèque fait un travail différent que ce qu'offre le HTML5 avec ses nouveaux types de champs. Effectivement, ici nous parlons bien de masque de saisie (légèrement) paramétrable avec la possibilité de gérer les erreurs de manière personnalisée.
Site de Mask.js.
D'après un article sur DailyJS.
Et vous ?
Que pensez-vous de ce genre d'outils à l'heure actuelle ?
En connaissez-vous d'autres et lesquels conseillez-vous ?