Valider formulaire avec LiveValidation

LiveValidation est une bibliothèque JavaScript simple qui vous permet d'effectuer la validation côté client des données entrées par les utilisateurs au sein des modules (formulaires).

Grâce à des fonctions de cette bibliothèque, vous pouvez valider toute forme rapidement et facilement, simplement en écrivant quelques lignes de code. Tout cela bien sûr est publié sous la licence open source.
La page d'accueil officielle à partir de laquelle vous pouvez télécharger la bibliothèque et l'accès aux documents officiels, est livevalidation.com

La bibliothèque est équipée d'un ensemble de méthodes qui permettent de résoudre la série la plus fréquente de validation, mais vous pouvez également créer une validation personnalisée en combinant simplement les outils offerts par la bibliothèque.

LiveValidation est disponible en deux versions:

• un stand-alone;
• et l'autre basé sur le prototype.

Les deux, bien sûr, sont entièrement compatibles avec la plupart des navigateurs modernes.
Dans cet article nous allons construire la version autonome, qui peut être utilisé en toute sécurité avec d'autres bibliothèques ou des cadres.

Pour inclure la bibliothèque sera suffisante pour l'inclure dans nos pages en HTML utilisant JavaScript en dehors du rappel d'habitude:

 



 <script type="text/javascript" src="livevalidation_standalone.js"> </ script>

 

Avant de voir les exemples et leur code respectif, il est important de se rappeler que la validation est effectuée par LiveValidation c'est une validation côté client, afin qu'il remplace la validation côté serveur, qui doit toujours être présent afin d'éviter que des données incohérentes ou incorrectes !
LiveValidation doit donc être considérée comme une partie de (important) d'un grand travail de vérification et de contrôle des données transmises en entrée par les utilisateurs.

En général, la validation d'un champ se fait en créant une LiveValidation objet, qui ne fait rien, mais sélectionnez le champ à être validé par ID qui lui sont assignées:

 



 var = élément LiveValidation nouvelles ("elemento_da_validare");

 

Vous pouvez également passer d'autres paramètres dans la construction de l'objet comme, par exemple, un message qui montre la validation correcte de l'objet ou le temps d'attente (en millisecondes) pour démarrer la validation (après que l'utilisateur a arrêté tapant la texte). Regardons un exemple:

 l'élément var = LiveValidation nouvelles ("elemento_da_validare", {



  



 validMessage: "compilé avec succès!"



  



 attendre: 500







 });

Ci-dessous un tableau avec deux exemples de messages de validation:

• <<
• 1
• 2
• 3
• 4
• 5
• 6
• >>