Problème de validation de formulaire avec jquery validate plugin

Question

J'ai le code suivant pour effectuer la validation de SubmitForm ci-dessous. Lorsque je clique sur la balise div de AddressListing et que j'appelle la fonction de validation, elle valide uniquement le champ businessname mais pas les autres feilds.Only champ de nom de businessname sera mis en évidence en couleur rouge, mais pas d'autres feilds. J'utilise le plugin jquery ci-dessous pour valider les champs http://jquery.bassistance.de/validate/jquery.validate.js

example.html

<fieldset id="fieldset1"> <legend>Registration Details:</legend> 
       <form id="SubmitForm"> 
       Name of business:<br/> 
        <input size="30" type="text" id="businessname" class="required" /><br/>    
       Zipcode:<br> 
        <input size="30" type="text" id="zipcode" class="required zipcode"/><br>    
       Telephone:<br/> 
        <input size="30" type="text" id="telephone" class="required phone" /><br/> 
       Email:<br/> 
        <input size="30" type="text" id="email" class="required email"/> 
        </fieldset> 
        <br/> 
       Your email is your User Name:<br/> 
       <input size="30" type="text" id="username" class="required"/><br/> 
       Choose Password:<br/> 
       <input size="30" type="text" id="pass" class="required password" class="required"/><br/> 
       Retype Password:<br/> 
       <input size="30" type="text" id="pass1" equalTo="#pass"/><br/>    
     <input id="Addresslisting" type="image" src="images/Submit.png" align="left" />         
    </form> 
</feildset> 

Example.js

$(document).ready(function() { 

    $("#Addresslisting").click(function() { 
    $("#addresslistingform").validate(); 
}); 

}); 

example.CSS

label { width: 10em; float: left; } 
label.error { 

color: red; padding:8px 200px 0px 0px; vertical-align: top; float:right; 
background:url("unchecked.gif") no-repeat 120px 0px; 
    } 
input.error {border:1px solid red;} 
input.errorlist {margin:0; color: red; margin-bottom:10px;} 
#fieldset1 
{ 
border: 1px solid #1f76c8; 
width: 500px; 
margin:5px; 
padding:10px 15px 5px 15px; 
} 

Answer 1

EDIT 2 Il vous manque des attributs de nom sur y nos champs de formulaire. Je l'ai travailler ici: http://jsfiddle.net/3aPHy/

$(document).ready(function() { 

    $("#Addresslisting").click(function() { 
     $("#SubmitForm").validate(); 
    }); 

}); 

ne valident pas vous le mauvais cela? Ne devrait-il pas être submitForm?

EDIT Si le ne fonctionne pas, essayez:

$(document).ready(function() { 
    $("#SubmitForm").validate(); 

    $("#Addresslisting").click(function() { 
     $("#SubmitForm").submit(); 
    }); 
}); 

Answer 2

essayez ceci:

$().ready(function() 
    { 
     // validate signup form on keyup and submit 
     $("#SubmitForm").validate(); 
    } 

Je ne suis pas sûr déjà code postal présent par défaut dans les règles dont vous avez besoin pour le définir explicitement dans les règles de validation

rules: { 
zip: {  required:true, 
      maxlength:6, 
      number:true 
     }, 
     }