jQuery 유효성 검사를 사용하여 양식 유효성 검사

Question

mvc4 사이트에 의견 양식이 있으며 양식 유효성을 확인하고 싶습니다.
은 내가

@using (Html.BeginForm("Feedback", "Home", FormMethod.Post, new { id = "feedback-form" })) 
    { 
<!-- Name --> 
      @Html.TextBoxFor(model => model.Name, null, new { @class = "text-field" }) 
      <a href="#" class="link1" id="submit-button" onclick="document.getElementById('feedback-form').submit()"><em><b>Send</b></em></a> 
} 

그것은 어떤 실수를 보여 나던

 <script> 
     $(function() { 
     $("#feedback-form").validate(); 

     $("#feedback-form").validate({ 
      rules: { 
       Name: { 
        required: true, 
        minlength: 2 
       }, 
      }, 
      messages: { 
       Name: { 
        required: "Please enter a username", 
        minlength: "Your username must consist of at least 2 characters" 
       }, 
      }, 
     }); 
    }); 
</script> 

(시도하는 하나 개의 필드)와 내 양식에 jQuery 라이브러리와 <script src="/Scripts/jquery.validate.min.js"></script>
그럼 내가 쓴 추가 jQuery Validation
를 사용하려고 브라우저 콘솔에 있지만 유효성 검사가 제대로 작동하지 않습니다. 예를 들어 빈 필드가있는 Send-button을 누르면 아무런 메시지도받지 못합니다.
무엇이 잘못 되었나요?

Answer 1

$("#feedback-form").validate();을 제거하면 정상적으로 작동합니다.

Answer 2

문서 준비가되었을 때 유효성 검사를 시도하지 말고 양식 제출을 시도 할 수 있으며 유효성 검사에 쉼표가있는 , 개의 쉼표를 확인하고 제거하는 두 가지 방법을 사용할 필요가 없습니다. :

$(function() { 
    $("#feedback-form").on('submit', function(){ 
     $(this).validate({ 
     rules: { 
      Name: { 
       required: true, 
       minlength: 2 
      } // <-------------------------removed comma here 
     }, 
     messages: { 
      Name: { 
       required: "Please enter a username", 
       minlength: "Your username must consist of at least 2 characters" 
      } // <-------------------------removed comma here 
     }  // <-------------------------removed comma here 
    }); 
    }); 
}); 

Answer 3

submitHandler: function(form) { 
     form.submit(); 
      } 

및

$("#feedback-form").validate(); 

를 제거하고 제거를

Name: { 

     } , <--- here you add "," for 1 more rule or message