Valider rapidement et simplement un formulaire avec Javascript

Valider rapidement et simplement un formulaire avec Javascript

May 26

Qui n’a jamais voulu implémenter en 2 minutes un script JS de validation de formulaire?
Souvent, les tests ne sont pas très compliqués et on se rabat alors sur de simples “alert” qui ne sont pas forcément très conviviaux pour avertir l’utilisateur.

Quand on veut effectuer des contrôles plus poussés et pouvoir s’éviter de toute recoder à chaque fois, on peut donc compter sur ses librairies pour nous aider dans cette tâche. Ces librairies savent alors de façon intelligente et automatique gérer ces contrôles: les expressions régulières, adaptation à tous les éléments de formulaire, des avertissements au fur et à mesure de la saisie…

De nombreuses librairies, ou même de vrais frameworks à la fois, existent actuellement dans le monde du Javascript. Parmi les plus répendues on peut citer: Prototype, Rico, Scriptaculous, Jquery, Mootools, Dojo, mochikit, Yahoo library…

Beaucoup de ces librairies fournissent des contrôles de formulaire de base mais mon but est de vous aiguiller cette fois sur la solution qui ne sera pas forcément mis en place dans le cadre d’un projet reposant sur un gros framework en particulier (Prototype ou autre…).
On va faire ça de la manière la plus light possible dans le cas d’une utilisation unique par exemple.

Pour réaliser ça, on va donc s’appuyer sur mootools et un script open source se nommant fValidator disponible ici. Ce script est compatible avec Firefox, Inter Explorer, safari et Opéra.
Ce script est totalement configurable afin d’adapter le style, les messages etc…
En tout donc, pour 4Ko + 3Ko = 7K0, on bénéficie d’un contrôle performant et universel avec en prime les effets visuels. Que voulez-vous de mieux ?

Afin de vous laisser tester un peu ce que donne la combinaison de mootools et fvalidator, rendez-vous sur cette page qui vous fournit un exemple.

Pour conclure je vous renvoie vers un ancien billet concernant l’utilisation de CSS pour vos formulaires et n’oubliez pas: un contrôle javascript ne vous prive pas d’effectuer un contrôle coté serveur (Bien au contraire).