Проблема с проверкой формы с использованием jquery validate plugin

Question

У меня есть следующий код для выполнения проверки SubmitForm, показанного ниже. Когда я нажимаю на тег divList AddressListing и вызываю функцию проверки, он выполняет проверку только для поля businessname, но не для других оставшихся feilds.Only имя поля имени компании будет выделено красным цветом, но не другими feilds. Я использую следующий JQuery плагин для проверки полей 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 У вас отсутствуют атрибуты атрибутов на y наши поля формы. У меня он работает здесь: http://jsfiddle.net/3aPHy/

$(document).ready(function() { 

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

}); 

Вы не подтверждения неправильно это? Должно ли это быть submitForm?

EDIT Если выше не работает, попробуйте:

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

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

Answer 2

попробовать это:

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

Я не уверен, что почтовый индекс уже присутствует как по умолчанию в правилах, которые необходимо для его явного определения в правилах проверки

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