Form Validation Engine

Voici un script Jquery de validation de formulaire très simple d’utilisation.

Fonctionnement

Inclure les différents fichiers dans le head de votre page.

<link rel="stylesheet" href="css/validationEngine.jquery.css" type="text/css" />
<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/jquery.validationEngine-en.js" type="text/javascript"></script>
<script src="js/jquery.validationEngine.js" type="text/javascript"></script>

Ensuite il faut appeler le formulaire que vous voulez valider.

$(document).ready(function() {
$("#formID").validationEngine()
})

Et pour finir, ajouter une classe à vos champs.
Exemple :

<input type="text" class="validate[required,custom[onlyNumber],length[0,3]] />

toutes les classes commencent par validate suiviesde crochet « [ ]« .

Si un champ est obligatoire il faut ecrire :

<input type="text" class="validate[required] />

Voici les diverses options disponibles :
length[0,100] : Nombre de caractères autorisés
maxCheckbox[7] : Nombre maximum de checkbox que l’on puisse cocher pour un groupe
minCheckbox[7] : Nombre minimum de checkbox que l’on puisse cocher pour un groupe
confirm[fieldID] : Confirmer un champ (ex:confirmation de password)
telephone : Vérifie le téléphone (Regex)
email : Vérifie l’adresse mail (Regex)
onlyNumber : Seulement des chiffres sont autorisés.
noSpecialCaracters : Pas de caractères spéciaux
onlyLetter : Seulement des lettres sont autorisés.
date : Valide la date, de la forme YYY-MM-DD

Vous pouvez aussi écrire vos propres options. Il suffit de les rajouter dans le fichier js à la suite des autres.

Voir le site