jQuery – Validation – Plugin de validation de formulaire

On a toujours besoin de vérifier et faire valider nos formulaires pour nos sites internet. Alors aujourd’hui, je vous présente un plugin jQuery qui va vous permettre de procéder plus facilement à la première couche de filtre coté client pour vos formulaires (une couche qui n’empêche pas de devoir en ajouter une coté serveur hein ! ;))

validation-de-formulaire-jquery-js

Rendez-vous donc sur github pour télécharger le plugin et vous pouvez visionner les démo ici si vous le souhaitez.

Alors comment fonctionne ce plugin de validation de formulaire pour jQuery :

1/ Intégration de la librairie jQuery et du plugin :
[cc lang= »html »]


[/cc]
On peut voir que l’on intègre un fichier js de langue, pour le Français, il suffit d’appeler le fichier fr à la place, comme ceci :
[cc lang= »html »]

[/cc]

2/ Imaginons une structure de formulaire comme ceci :
[cc lang= »html »]





[/cc]

3/ nous allons donc activer la validation sur le formulaire comme ceci :
[cc lang= »js »]

[/cc]

4/ Il suffira de mettre les conditions de validation dans les attributs « class » de vos balises input, ce qui peut donner ceci :
[cc lang= »html »]





[/cc]

Et voilà, vous avez votre formulaire équipé d’un filtre de validation via jQuery. Cet exemple, permet d’obliger l’internaute à entrer une adresse e-mail requise et valide, une date requise et valide, ainsi que du texte requis et composé essentiellement de lettre et de chiffres.

Toutes les options sont disponibles sur la documentation du plugin, disponible ici.

Source

Bon code à tous !

Articles qui peuvent vous intéresser :

Author: admin

Share This Post On

3 Comments

  1. Comme d’habitude, article très intéressant.

    Je vais tester un peu cette méthode de création d’un site internet. Cela peut être efficace et améliorer le site.

    Une question aussi, tu parlais dans un article de problèmes avec IE, mais comment en régler quand cela vient avec firefox?

    Post a Reply
  2. Bonjour,

    Concernant Firefox, tout dépend du problème. Avec jQuery, en utilisant les dernières versions il ne doit pas avoir de problème de compatibilité.

    Post a Reply

Trackbacks/Pingbacks

  1. jQuery Favicon Notifier – Plugin jQuery – Modifiez vos favicons à la volée via jQuery | LudiBlog - [...] jQuery – Validation – Plugin de validation de formulaire [...]
  2. Liste de tous les plugins jQuery testés sur le blog | LudiBlog - [...] de textes quickSearch jQuery Validation Select Text Searcher MarkItUp ! [...]

Submit a Comment

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *