jQuery 폼 유효성 검사가 올바로 작동하지 않습니다.

Question

제 문제는 jquery.validate를 통해 양식 입력의 유효성을 검사하고 싶습니다. 이 내가 단지 이메일, 암호 2 및 주소를하다 다시 얻을 수있는 유일한 유효성 검사 오류가 나는 모든 형태의 입력에 대해 유효성 검사 오류를 얻으려면 위의 코드 내 스크립트

$(document).ready(function() { 

$('#formreg').validate({ 
    rules: { 
     Username: { 
      required: true, 
      email: true 
     }, 
     Password: { 
      required: true, 
      minlength: 8 
     }, 
     Password2:{ 
      required:true, 
      minlength:8 
     }, 
     Name:{ 
      required:true 
     }, 
     Lastname:{ 
      required:true 
     }, 
     Address:{ 
      required:true 
     }, 
     Telephone:{ 
      required:true 
     } 
    } 
}); 
return false; 
}); 

입니다. 당신

감사 이것은 당신이 jQuery를 어떤 인라인 자바 스크립트가 필요하지 않습니다

<form action="#" method="post" accept-charset="utf-8" id="formreg">  
<input type="text" name="Username" value="" id="Username"> 
<input type="password" name="Password" value="" id="Password" /> 
<input type="password" name="Password2" value="" id="Password2"/> 
<input type="text" name="Name" value="" id="Name"/> 
<input type="text" name="Lastname" value="" id="Lastname" /> 
<input type="text" name="Address" value="" id="Address" /> 
<input type="text" name="Telephone" value="" id="Telephone" />  
<button name="Login" type="button" onclick="submitform();">Register</button> 

Answer 1

귀하의 버튼 ...

<button name="Login" type="button" onclick="submitform();">Register</button> 

내 HTML 양식입니다. 그리고 당신은 확실히 jQuery Validate 플러그인을위한 onclick 핸들러가 필요하지 않습니다.

은 ...

<button name="Login" type="submit">Register</button> 

---

당신은 또한 당신의 DOM 준비 처리기로 return false을 넣을 수 없습니다 ... 당신의 typesubmit로 변경하고 인라인 클릭 핸들러를 제거

$(document).ready(function() { 

    $('#formreg').validate({ 
     // your rules 
    }); 

    // return false; // <- REMOVE THIS LINE 

}); 

---

Working DEMO : http://jsfiddle.net/M9Y6L/1/