Dans un précédent billet, on présentait les framework javascript et le concept de l'Unobtrusivité.
Une application évidente de ce concept est l'automatisation de la validation de formulaires.

La mise en oeuvre de Validatious est particulièrement simple.
on inclus le fichier du script :
<script type="text/javascript" src="/design/js/validatious.min.js"></script>

On indique le formulaire à traiter en ajoutant classe="validate"
<form action="#" method="get" class="validate"><!-- ... --></form>  

Et on précise les controles à faire sur chaque type de formulaire :
<input type="text" name="email" id="email" class="required email" />  


Les messages d'erreurs sont personnalisables car sont les textes contenus dans la balise title

<input name="name" id="name" class="required" title="Please enter a name!" type="text">


Voici un exemple. (Bien entendu, l'affichage des erreurs sous forme de puces n'est pas un héritage de validatius. L'application d'une css aprropriée permettra de réaliser des rendus beaucoup plus agréable.)

Le mot de passe doit être d'au moins 6 caractères et doit contenir à la fois des lettres minuscules, des lettres majuscules et des chiffres.


C'est vraimment formidable de mettre en place un contrôle de saisie si facilement. Tout le travail logique de vérification est déjà prêt et on intègre rapidement le dispositif au formulaire. De plus l'application du concept de javascript unobtrusive rend le code propre et respectueux des standards.
Toutefois, il ne faut pas se laisser griser: Attention à ne pas oublier de doubler les contrôles côté serveur! En effet, si la validation des champs côté navigateur permet de réaliser une interface plus sympathique. La validation des champs côté serveur est la seule à pouvoir garantir un réel niveau de sécurité et la cohérence des données. De ce côté les différents frameworks php proposent différents modules pour contrôler les entrées utilisateurs.