Maison > interface Web > Questions et réponses frontales > Comment utiliser le plug-in de validation dans jQuery

Comment utiliser le plug-in de validation dans jQuery

WBOY
Libérer: 2022-06-09 10:14:53
original
1514 Les gens l'ont consulté

Dans jQuery, le plug-in de validation est utilisé pour la validation du formulaire, qui peut vérifier le contenu saisi par l'utilisateur dans le formulaire. En même temps, le plug-in fournit un grand nombre d'options de personnalisation, notamment l'URL et l'e-mail. vérification et fournit un moyen d'écrire des méthodes définies par l'utilisateur, le plug-in téléchargé peut être utilisé via "

Comment utiliser le plug-in de validation dans jQuery

L'environnement d'exploitation de ce tutoriel : système windows10, version jquery3.4.1, ordinateur Dell G3.

plug-in de validation dans jQuery

Le plug-in jQuery Validate fournit de puissantes fonctions de validation pour les formulaires, facilitant la validation des formulaires côté client, tout en fournissant un grand nombre d'options de personnalisation pour répondre aux divers besoins des applications. Le plugin regroupe un ensemble de méthodes de validation utiles, notamment la validation d'URL et d'e-mails, et fournit une API pour écrire des méthodes définies par l'utilisateur. Toutes les méthodes groupées utilisent par défaut l'anglais pour les messages d'erreur et ont été traduites dans 37 autres langues.

Les règles de vérification par défaut sont les suivantes :

  • 1 obligatoire : vrais champs qui doivent être renseignés.

  • 2 télécommande : "check.php" Utilisez la méthode ajax pour appeler check.php afin de vérifier la valeur d'entrée.

  • 3 email:true Un email correctement formaté doit être saisi.

  • 4 url:true Vous devez saisir l'URL dans le bon format.

  • 5 date:true Une date au format correct doit être saisie. Erreur ie6 de vérification de la date, à utiliser avec prudence.

  • 6 dateISO:true Vous devez saisir la date (ISO) au bon format, par exemple : 2009-06-23, 1998/01/22. Seul le format est vérifié, pas la validité.

  • 7 numéro:vrai Vous devez saisir un numéro légal (nombre négatif, décimal).

  • 8 chiffres : vrai Vous devez saisir un nombre entier.

  • 9 carte de crédit : Un numéro de carte de crédit valide doit être saisi.

  • 10 equalTo:"#field" La valeur d'entrée doit être la même que #field.

  • 11 accepter : saisissez une chaîne avec un suffixe légal (le suffixe du fichier téléchargé).

  • 12 maxlength:5 Saisissez une chaîne d'une longueur maximale de 5 (les caractères chinois comptent pour un caractère).

  • 13 minlength:10 Saisissez une chaîne d'une longueur minimale de 10 (les caractères chinois comptent pour un caractère).

  • 14 rangelength :[5,10] La longueur de saisie doit être comprise entre 5 et 10 (les caractères chinois comptent pour un caractère).

  • Plage 15 :[5,10] La valeur d'entrée doit être comprise entre 5 et 10.

  • 16 max:5 La valeur d'entrée ne peut pas être supérieure à 5.

  • 17 min:10 La valeur d'entrée ne peut pas être inférieure à 10.

Les exemples sont les suivants :

1 Copiez le plug-in de formulaire téléchargé dans le dossier js du projet

Comment utiliser le plug-in de validation dans jQuery

Comment utiliser le plug-in de validation dans jQuery

2 Introduisez-le dans la page html

Comment utiliser le plug-in de validation dans jQuery

Points à noter :

1 Le plug-in à introduire doit être correct et non faux

2 Si vous souhaitez introduire la bibliothèque de fichiers jQuery, la bibliothèque de fichiers jQuery doit être introduite avant le plug-in. Le plug-in est basé sur jQuery. bibliothèque

Tutoriel vidéo recommandé :Tutoriel vidéo jQuery

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal