Implementierung der Überprüfung der Formularübermittlung basierend auf jQuery

Implementierung der Überprüfung der Formularübermittlung basierend auf jQuery_jquery

WBOY

Freigeben： 2016-05-16 16:30:34

Original

1338 Leute haben es durchsucht

HTML-Formularcode:

Code kopieren Der Code lautet wie folgt:

Benutzername: E-Mail: Profil:

jQuery-Code:

Code kopieren

Der Code lautet wie folgt:

             $(function(){ 

               $("form :input.required").each(function(){ 

              var $required = $("*");
//$(this).parent().append($required); //An das Dokument anhängen 

                      $(this).parent().prepend($required);
              }); 

                 $('form :input').blur(function(){ 

              var $parent = $(this).parent();
If($(this).is('#username')){ 

If(this.value==""||this.value.length<6){ 

                                                                                                                                         var errorMsg = 'Bitte geben Sie einen Benutzernamen mit mindestens 6 Zeichen ein' 

                                   $parent.append('' errorMsg '');
                           }else{ 

                                                                                                                                                                                                                                              var okMsg = 'Korrekte Eingabe';
$parent.append('' okMsg '');
                                                                                                                  
If($(this).is('#email')){ 

if(this.value==""||(this.value!=""
&&!/. @. .[a-zA-Z]{2,4}$/.test(this.value
))){ 

                            var errorMsg = 'Bitte geben Sie die richtige E-Mail-Adresse ein';
$parent.append('' errorMsg '');
                                                                                                                                                                  
Var okmsg = 'korrekte Eingabe';
                                    $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;
If(numError){ 

                         return false; 

              }); 

                 $("#res").click(function(){ 

              var $parent = $(this).parent().parent();
                       $parent.find(".formtips").remove();
              }); 

});

Der Code ist sehr einfach und leicht zu verstehen, Freunde, nehmen Sie ihn einfach und verwenden Sie ihn. Ich werde ihn hier nicht im Detail erklären.