JQuery - 유효성 검사기 플러그인

Question

Twitter 부트 스트랩과 함께 유효성 검사기 플러그인을 사용하고 싶습니다. 그러나, 그것은 현재 실제로 작동하지 않으며 나는 지금 왜 안합니다.

내 양식 :

<div class="form_errors"></div> 
<div class="form_holder_invitee" id="form_holder_invitee"> 
    <form class="homepage_invitee_form" id="homepage_invitee_form" action="add" 
    method="get"> 
     <input name="email" placeholder="Email Address" id="email_address_new" 
     type="text placeholder"> 
     <br> 
     <input name="firstName" placeholder="First Name" id="firstname_new" type="text placeholder"> 
     <input name="lastName" placeholder="Last Name" id="lastname_new" type="text placeholder"> 
     <br> 
     <button type="submit" class="btn btn-primary opal_btn" id="submit_form_new" 
     value="submit">Request Invitation</button> 
    </form> 
</div> 

이 내 validatorScript입니다 :

$(document).ready(function() { 

    $('#form_holder_invitee').validate({ 
     rules: { 
      firstName: { 
       minlength: 2, 
       required: true 
      }, 
      email: { 
       required: true, 
       email: true 
      }, 
      lastName: { 
       minlength: 2, 
       required: true 
      } 
     }, 
     highlight: function (element) { 
      $(element).closest('.form_errors') 
       .removeClass('success').addClass('error'); 
     }, 
     success: function (element) { 
      element.text('OK!').addClass('valid') 
       .closest('.form_errors') 
       .removeClass('error').addClass('success'); 
     } 
    }); 

}); // end document.ready 

그리고 CSS 약간의 오류 보여 : 나는에 입력 할 때, 그러나

label.error { 
    font-weight: bold; 
    color: red; 
    padding: 2px 8px; 
    margin-top: 2px; 
} 

을 양식, 아무것도 발생하지 않습니다. 라이브러리는 html로 올바르게 구성되어 있습니다. 어떤 아이디어?

Answer 1

양식 대신 래퍼 div에 .validate 함수를 등록했기 때문이라고 생각합니다. 하지만 나는 유효성 검사기 플러그인을 모른다.