설정 규칙이 jQuery 유효성 검사 플러그인에서 작동하지 않습니다.

Question

jQuery 유효성 검사 플러그인 (jqueryvalidation.org)을 사용하려고하는데 작동하지 않습니다. http://jsfiddle.net/k8GnD/1/ 설명서에 나와있는대로 외부 스크립트에서 입력에 대한 규칙을 설정하고 인라인으로는 설정하지 않으려합니다. "이름", "이메일"및 "텍스트"가 비어 있지 않고 "웹 사이트"에 URL이 아닌 다른 URL이 포함되어 있지 않은 경우에만 보내기 버튼을 클릭 할 수 있습니다. 나는 형식을 사용하기 때문에 = 당신이 볼 수 있듯이

$(function() { 
    $("#gb_form").validate({ 
     rules: { 
      name: 'required', 
      'email': { 
       required: true, 
       email: true 
      }, 
      '#website': { 
       url: true 
      }, 
      text: { 
       required: true 
      } 
     }, 
     submitHandler: function() { 
      console.log('Clicked'); 
      alert('Clicked'); 
//   ... 
     } 
    }); 
}); 

는 좀 다른 일을했지만, 검증받을 수있는 유일한 일이 propably들은 웹 사이트와 이메일 그리고 "..."있다. 그것은 바로 지금처럼 :(

Answer 1

는 필드의 만이 아니라을 이름을 설정해야 id.

<form id="gb_form" action="/" method="post"> 
    <div class="gb_input_box"> 
     <label for="name">Name *</label> 
     <input name="name" id="name" type="text" /> 
    </div> 
    <div class="gb_input_box"> 
     <label for="email">E-Mail *<br /></label> 
     <input name="email" id="email" type="email" /></div> 
    <div class="gb_input_box"> 
     <label for="website">Website</label> 
     <input name="website" id="website" type="url" /> 
    </div> 
    <div class="gb_input_box"> 
     <label for="text">Text</label> 
     <textarea name="text" id="text"></textarea> 
    </div> 
    <button>Send</button> 
</form> 

Answer 2

validate()는, 당신의 HTML을. 필드의 name에 결합

<input name="name" type="text" /> 

http://jsfiddle.net/k8GnD/2/