jQuery 유효성 검사 기능이 작동하지 않습니다.

Question

이 문제는 매우 사소하지만 확실하지는 않습니다.

jquery validate를 사용하여 양식의 유효성을 검사하지 않습니다.

 $(document).ready(function() { 
      $("#loginForm").validate({ 
       rules: { 
        email: "required", 
        passwd: "required", 
        email:{ 
         minlength: 10 
        } 
       }, 
       messages: { 
        email: "Please enter your email", 
        passwd: "Please enter your passwd", 
        email:{ 
         minlength: "Minlength has to be 10" 
        } 
       }, 

       submitHandler: function(form) { 
        $("#pp").text("right"); 
        form.submit(); 
       } 
      }); 
     }) 

콘솔 오류가 없습니다. 나는 다음과 같습니다

이름, passwd는 이름, 유효성을 검사하려는 필드의 ID이며 loginForm은 양식의 ID입니다. 문제는 잘못된 입력을 전달할 때 오류 메시지가 표시되지 않는다는 것입니다. 디버그 모드를 통해 갈 때, 유효성 검사 전에 준비된 함수 내부의 경고가 호출되었지만 스택이 유효성 검사 함수에 도달하는 것을 보지 못했습니다.

Answer 1

사용자가 HTML 마크 업을 표시하지 않았으므로이 대답은 사용자가 input 요소의 이름을 올바르게 지정한 것으로 가정합니다. 코드에서

, 당신은

rules: { 
    email: "required", 
    passwd: "required", 
    email:{ // <- duplicate 
     minlength: 10 
    } 
}, 

당신은 하나 개의 필드에 대해 여러 규칙을 지정해야하는 경우

는 다음 필드를 번 를 지정하고 내부의 규칙을 나열 ... 두 번 email를 지정하고 있습니다 ...

rules: { 
    email: { 
     required: true, 
     minlength: 10 
    }, 
    passwd: "required" 
}, 

messages 옵션에 동일한 문제가 있습니다.

근무 DEMO : http://jsfiddle.net/4937t/