Table des matières
Pour réaliser cette tâche nous utiliserons Jquery Validation, une bibliothèque pour que le code soit plus propre, plus compact et extensible. Cette technologie fonctionne à la fois pour les développeurs php et asp.net, car elle s'exécute côté client et non sur le serveur.Nous allons commencer par télécharger le plugin http://jqueryvalidation.org/ et aussi la dernière version de JQuery http://jquery.com/download/
Entre les étiquettes
Le plugin jquery.validation fonctionne à travers des méthodes de validation et les règles de validation que nous allons définir.
La méthode de validation est le type de données, par exemple un champ de texte numérique et le règles de validation Ils permettent d'associer un élément de notre formulaire, par exemple en texbox, à une ou plusieurs méthodes de validation.
Par exemple, nous définissons un formulaire et une zone de texte de nom et lui attribuons un identifiant et la classe requise, c'est-à-dire obligatoire obligatoire.
nom
Après le formulaire on met le code qui va faire la validation
Le résultat si nous essayons d'envoyer le formulaire sans rien écrire dans le champ du nom est un message. Ce champ est obligatoire par défaut en anglais.
E-mail
TRADUCTION DES MESSAGES D'ERREUR
Nous avons vu que par défaut la validation jquery utilise la langue anglaise, nous allons voir comment la traduire en espagnol. Lorsque nous téléchargeons le plugin dans le répertoire de localisation, il inclut les fichiers js avec les messages traduits en plusieurs langues, nous n'avons qu'à choisir celui dont nous avons besoin et l'ajouter dedans, donc nous ajoutons
Nous actualisons le web et les changements sont observés avec les erreurs en espagnol
Si on veut qu'un champ ne soit pas validé, on n'y mettra pas la classe requise. Ce plugin prend en charge divers formats de données tels que la valeur maximale, la valeur minimale, la date, les chiffres numériques, la validation de lien. Nous pouvons également créer des règles telles qu'un champ d'âge où seules les valeurs numériques entre 18 et 99 ans sont autorisées à être saisies
$ ().prêt (fonction ()) {
$ ("#formdatos").validate ({
déboguer : vrai,
des règles: {
âge: {
requis : vrai,
chiffres : vrai,
min: 18,
max : 99
}
}
})
})
Ce plugin nous permet de gagner beaucoup de temps dans le développement d'applications web et d'éviter de faire des erreurs de saisie de données par exemple.
