jQuery 유효성 검사 onclick : false 확인란을 선택하지 않았거나 선택하십시오.

Question

오류 발생 후 제출할 때까지 유효성 검사를 비활성화하려고합니다. onfocusout 핸들러는 잘 동작하지만 onclick은 체크 박스 나 select 요소에서 작동하지 않습니다.

다음은 간단한 예로서 다음과 같이 작성했습니다. 빈 양식을 제출 한 다음 확인란을 수정하고 선택하면 즉시 유효성 검사를해서는 안됩니다. 텍스트 입력이 올바르게 작동하는 것을 볼 수 있습니다.

select는 onclick 처리기와 관계없이 가끔씩 작동하는 것처럼 보입니다. 그것은 사파리에서 onclick을 확인했고, 크롬에서는 그렇지 않았습니다.

바이올린 : http://jsfiddle.net/ebMdq/6/

<form id="myForm" action=""> 
Name: <input type="text" name="fname" /><br /> 
Do you Rawk? <input type="checkbox" name="rock" /><br /> 
choose color: <select id="color" name="color" class="required"> 
<option value="">Choose One</option> 
<option value="blue">blue</option> 
<option value="blue">red</option> 
</select><br /> 
<input type="submit" /> 
</form>​ 

$(function() { 
var validator = $("#myForm").validate({ 
      onfocusout: false, 
      onkeyup: false, 
      onlclick: false, 
      rules: { 
       fname: "required", 
       rock: "required", 
       color: "required" 
       }, 
      messages: { 
       fname: "Enter your firstname", 
       rock: "you know you do", 
       color: "pick one!", 
      }, 
     }); 
}); 

Answer 1

선택, 라디오, 체크 박스는 다른 브라우저에서 일관 이벤트 동작을.

change 또는 onchange 이벤트는 라디오/체크 박스에 사용됩니다.