Validity est un plugin jQuery très complet pour la validation des champs de formulaires effectués côté client. Très pratique pour vérifier la conformité des informations renseignées avant de lancer un script PHP. Cela allège les appels serveur et permet aussi à l’internaute de ne pas avoir à recharger la page pour se rendre compte qu’il y a des erreurs dans son formulaire et qu’il faut le refaire. Soyons franc, ça nous énerve tous.

C’est pour pallier à ces problèmes que je vous propose ce plugin : Validity.

Il est très simple à utiliser, complet et très personnalisable. Que demander de plus ?

Il comprends un très grand nombre de validateurs déjà mis en place, comme le champ requis (la base me direz vous), validation en AJAX, valeur minimale, maximale, ou comprise entre 2 valeurs, … Vous pouvez aussi les personnaliser facilement en CSS.

Pour intégrer Validity à votre application web, rien de plus simple :

côté HTML :

<form method="get" action="test.htm">

                Number of Vehicles:

               <input type="text" id="vehicles" name="vehicles" title="Vehicle Count" />

                <br /><br />

                Date of birth:

                <input type="text" id="dob" name="dob" title="Birthday" />

                (mm-dd-yyyy)

               <br /><br />

                <input type="submit" />

            </form>

et pour ce qui est du javascript :

$("form").validity(function() {
    $("#vehicles")                      // The first input:
        .require()                          // Required:
        .match("number")                    // In the format of a number:
        .range(4, 12);                      // Between 4 and 12 (inclusively):

    $("#dob")                           // The second input:
        .require()                          // Required:
        .match("date")                      // In the format of a date:
        .lessThanOrEqualTo(new Date());     // In the past (less than or equal to today):
});

Je rappelle tout de même que comme c’est un plugin jQuery, il faudra bien sûr penser à inclure cette librairie dans la page.

Voici le site officiel du plugin Validity.