Validation de saisie

Qui dit application métier, dit contrôle de saisie !

Dans cet article, je vais vous montrer comment créer une directive permettant de contrôler la saisie d’un champ texte par exemple. Vous avez certainement déjà dû utilisé des directives natives d’angular comme : required, ngMinLength…

Pour vous montrer comment faire, je vais prendre un exemple assez simple : vérifier que le champ contient bien « x » caractères (à noter que nous pourrions utiliser un ngMinLength combiné à un ngMaxLength mais cela serait un peu plus gourmand).

Et donc pour l’utiliser on fait :

Du coup tant que je n’aurais pas saisi 8 caractères mon champ ne sera pas valide et donc mon form non plus.

 

Je combine souvent ces règles avec la librairie angular-messages qui permet d’avoir des messages d’erreur en fonction de notre règle de validation (j’en parlerai dans un prochain article).