Validation de formulaire Unobtrusive
Par François Lasselin le mardi, novembre 24 2009, 10:27 - Technologie - Lien permanent
Mettre en place des contrôles de formulaire sans écrire une ligne de code ?
C'est ce que propose le norvégien validatious.org.
Le javascript unobtrusif est une façon élégante de coder, un best-practice. Validatious exploite ce concept. C'est un exemple à suivre.
Le javascript unobtrusif est une façon élégante de coder, un best-practice. Validatious exploite ce concept. C'est un exemple à suivre.
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 :
On indique le formulaire à traiter en ajoutant classe="validate"
Et on précise les controles à faire sur chaque type de formulaire :
Les messages d'erreurs sont personnalisables car sont les textes contenus dans la balise title
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.)
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.
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 :
On indique le formulaire à traiter en ajoutant classe="validate"
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.)
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.
La discussion continue ailleurs
URL de rétrolien : http://blog.nalis.fr/index.php?trackback/65
Commentaires
Devant cette problèmatique (Control JS ou PHP), nous avons codé depuis 2001 un moteur de template permettant le controle de formulaire simplement: TPLN http://tpln.h2lsoft.com
voir la partie exemple pour la gestion des formulaires sans toucher au code HTML.