Heim > Web-Frontend > js-Tutorial > Implementierung der Überprüfung der Formularübermittlung basierend auf jQuery_jquery

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

WBOY
Freigeben: 2016-05-16 16:30:34
Original
1373 Leute haben es durchsucht

HTML-Formularcode:

Code kopieren Der Code lautet wie folgt:

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              



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.
Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage