Maison > interface Web > js tutoriel > Implémentation de la vérification de la soumission du formulaire basée sur jQuery_jquery

Implémentation de la vérification de la soumission du formulaire basée sur jQuery_jquery

WBOY
Libérer: 2016-05-16 16:30:34
original
1372 Les gens l'ont consulté

Code du formulaire html :

Copier le code Le code est le suivant :

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             


Code jQuery :




Copier le code


Le code est le suivant :

             $(function(){
                $("form :input.required").each(function(){
              var $required = $("*");
//$(this).parent().append($required); //Ajouter au document
                      $(this).parent().prepend($required);
              } );
                 $('form :input').blur(function(){
              var $parent = $(this).parent(); Si($(this).is('#username')){
Si(this.value==""||this.value.length<6){
                                                                                                   var errorMsg = 'Veuillez saisir un nom d'utilisateur d'au moins 6 caractères' ;
                                     $parent.append('' errorMsg ''
);                            }autre{
                                                                                                                                                                                                                                                                        var okMsg = 'Corriger la saisie' ;
                                     $parent.append('' okMsg ''
);                                                                                                                                                                                                                                          Si($(this).is('#email')){
if(this.value==""||(this.value!=""
&&!/. @. .[a-zA-Z]{2,4}$/.test(this.value
))){
                                var errorMsg = 'Veuillez saisir l'adresse e-mail correcte' ; $parent.append('' errorMsg '' );                                                                                                                                                                                                                                                                                                                                                                                                                                           var okMsg = 'Corriger la saisie'
                                       $parent.append('' okMsg ''
);                                                                                                                                                                                                                                                                                                             } );
                $("form :input").focus(function(){
              var $parent = $(this).parent();                        $parent.find(".formtips").remove();               } );
                 $("#send").click(function(){
              var $parent = $(this).parent().parent();                      $parent.find(".formtips").remove();                      $("form .required:input").trigger('blur');               var numError = $('form .onError').length
Si(numErreur){
                          return false
                                                                                                  } );
                 $("#res").click(function(){
              var $parent = $(this).parent().parent();                        $parent.find(".formtips").remove();               } );
});



Le code est très simple et facile à comprendre, mes amis, prenez-le et utilisez-le, je ne l'expliquerai pas en détail ici.
É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