2016-06-29 1 views
0

Wie kann ich die folgenden zwei JQuery-Funktionen kombinieren und es in einer Funktion schreiben. Beide Funktionen haben dieselben Eigenschaften, nur die Klassennamen sind unterschiedlich.Wie schreibe ich 2 jquery Funktionen in einer Funktion mit verschiedenen Klassen

<script> 
      $(".signupForm").validate({ 
      rules: { 
       password: { 
        required: true, 
        minlength: 5 
       }, 
       confirm_password: { 
        required: true, 
        minlength: 5, 
        equalTo: "#password" 
       }, 
       email: { 
        required: true, 
        email: true 
       }, 
       agree: "required" 
      }, 
      messages: { 

       password: { 
        required: "Please provide a password", 
        minlength: "Your password must be at least 5 characters long" 
       }, 
       confirm_password: { 
        required: "Please provide a password", 
        minlength: "Your password must be at least 5 characters long", 
        equalTo: "Please enter the same password as above" 
       }, 
       email: "Please enter a valid email address", 
       agree: "Please accept our policy" 
      } 
       }); 

       $(".signupForm2").validate({ 
      rules: { 
       password: { 
        required: true, 
        minlength: 5 
       }, 
       confirm_password: { 
        required: true, 
        minlength: 5, 
        equalTo: "#password" 
       }, 
       email: { 
        required: true, 
        email: true 
       }, 
       agree: "required" 
      }, 
      messages: { 

       password: { 
        required: "Please provide a password", 
        minlength: "Your password must be at least 5 characters long" 
       }, 
       confirm_password: { 
        required: "Please provide a password", 
        minlength: "Your password must be at least 5 characters long", 
        equalTo: "Please enter the same password as above" 
       }, 
       email: "Please enter a valid email address", 
       agree: "Please accept our policy" 
      } 
       }); 
    </script> 

Wie Sie sehen können, beide $ (“. SignupForm "). Validierung ({}) und $ (". SignupForm2"). Validierung ({}) sind die gleichen Funktionen mit unterschiedlichen Namen.

Antwort

1

So etwas nehme ich an.

validateItems(".signupForm"); 
validateItems(".signupForm2"); 

function validateItems(class) {   
    $(class).validate({ 
     rules: { 
      password: { 
       required: true, 
       minlength: 5 
     }, 
     confirm_password: { 
      required: true, 
      minlength: 5, 
      equalTo: "#password" 
     }, 
     email: { 
      required: true, 
      email: true 
     }, 
     agree: "required" 
    }, 
    messages: { 

     password: { 
      required: "Please provide a password", 
      minlength: "Your password must be at least 5 characters long" 
     }, 
     confirm_password: { 
      required: "Please provide a password", 
      minlength: "Your password must be at least 5 characters long", 
      equalTo: "Please enter the same password as above" 
     }, 
     email: "Please enter a valid email address", 
     agree: "Please accept our policy" 
    } 
    }); 
} 
Verwandte Themen