마지막 요소가있는 jQuery 유효성 검사 스크립트의 버그?

Question

많은 필수 요소가있는 양식이있는 jQuery 유효성 검사 스크립트로 고민하고 있습니다. 제출하기 전에 초점을 맞추지 않는 한 마지막 단계는 무시됩니다.

http://jsfiddle.net/nzRqZ/

<form id="testForm"> 
    <label>Type:</label> 
    Sample Text 1: <input type="text" class="required"/><br> 
    Sample Text 2: <input type="text" class="required"/><br> 
    <button type="button" id="submitButton">Submit</button> 
</form> 
$(document).ready(function() { 
    var validator = $('#testForm').validate({ 

    }); 

    $("#submitButton").click(function() { 
     if (validator.form()) { 
      alert("Validation passed"); 
     } 
    });  
}); 

그냥 당신은 첫 번째 요소에 유효성 검사 오류를두고 볼 것, 바로 페이지를 눌러 제출 버튼을 엽니 나는 아래의 문제를 복제하는 매우 간단한 예제를 만들었습니다. 그런 다음 첫 번째 입력에 무엇인가를 입력하고 두 번째 입력을 터치하고 Submit을 다시 누르십시오. 유효성 검사를 통과합니다! 비록 내가 그들 둘 모두에게 요구했다!

Answer 1

이것은 버그가 아니며 name 속성이 필요하다는 것을 문서화 한 것입니다. 그러나 모든 입력에는 고유 한 이름이 있어야합니다.

유효성 검사 플러그인이 제대로 작동하려면 각 입력에 name 속성이 필요합니다.

<form id="commentForm"> 
    <label>1</label><input name="1" type="text" class="required"/><br/> 
    <label>2</label><input name="2" type="text" class="required"/><br/> 
    <label>3</label><input name="3" type="text" class="required"/><br/> 
    <label>4</label><input name="4" type="text" class="required"/><br/> 
    <button type="submit" id="submitButton">Submit</button> 
</form> 

여기가 바이올린입니다.

http://jsfiddle.net/VbWLU/