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

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.