jQuery 유효성 검사 문제

jQuery에서 라디오 버튼 양식을 사용하여 유효성을 검사하도록하려고합니다. 당신은 jQuery를위한 어떤 규칙을 지정하지 않은jQuery 유효성 검사 문제

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="UTF-8" /> 
<title></title> 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script> 
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.8/jquery.validate.min.js"></script> 

<script type="text/javascript"> 
$(document).ready(function() { 
    $("#formq").validate(); 
}); 
</script> 

<style type="text/css"> 
<!-- 

label.error {display: none;} 

//--> 
</style> 
</head> 

<body> 

<form id="formq" name="formq" action="check.php" method="post"> 
    <fieldset> 
     <input type="hidden" name="check_submit" value="1" /> 
     <label for="radio-1" tabindex="1" class="circle">Circle</label> 
     <input type="radio" name="radio-button" id="radio-1" value="Circle" validate="required:true" /> 
     <label for="radio-2" tabindex="2" class="pentagon">Pentagon</label> 
     <input type="radio" name="radio-button" id="radio-2" value="Pentagon" /> 
     <label for="radio-3" tabindex="3" class="triangle">Triangle</label> 
     <input type="radio" name="radio-button" id="radio-3" value="Triangle" /> 
     <label for="radio-4" tabindex="4" class="hexagon">Hexagon</label> 
     <input type="radio" name="radio-button" id="radio-4" value="Hexagon" /> 
     <label for="radio-5" tabindex="5" class="square">Square</label> 
     <input type="radio" name="radio-button" id="radio-5" value="Square" /> 
     <label for="radio-6" tabindex="6" class="octagon">Octagon</label> 
     <input type="radio" name="radio-button" id="radio-6" value="Octagon" /> 
     <label for="radio" class="error">Please select your gender</label> 

     <input class="submit" type="submit" value="Submit"/> 
     </fieldset> 
</form> 
</body> 
</html>

출처

2011-04-19 INT

이름 "-"작동하지 않습니다. 당신은 또한 클래스를 사용할 수) (전 문서를 확인하지 못했지만, 아래 코드는 당신이 전에했던 방식을 사용하는 경우, $ ("#의 formq")가 확인

$.validator.setDefaults({ submitHandler: function() { alert("submitted!"); }//gives an alert messagem when submitted }); $(document).ready(function() { $("#formq").validate({ rules: { radiobutton: "required" }, messages: {//to use custom messages radiobutton: "This is needed, buddy!" } }); });

을 일했다.
를
<input type="radio" class="required" />

출처

2011-04-19 17:13:29 tenshimsm

나만의 것인지 모르지만 그 문서는 다소 이해하기 쉽습니다. – tenshimsm

: 그러나, 나는이 일을 얻기에 문제가있어, 유효성 검사 기능이 내가 함께 일하고 있어요 코드입니다, 전혀 작동하지 않습니다 유효성 검사. CSS, jquery 메타 데이터를 사용하거나 함수 호출에서 사용하십시오. 예 : (테스트하지) :

$("#formq").validate({ rules: 
    { 
     "radio-button" : { required : true } 
    } 
});

출처

2011-04-19 13:59:45 davidosomething

흠, 적어도 작동하지 않았습니다. 이것이 필요하다고 확신합니까? 문서에 언급되어 있지 않습니다. – INT

참으로 나는 그것이 테스트되지 않았다고 말했다. 규칙의 키 ("라디오 버튼")는 유효성 검사 대상의 ID 여야합니다. ID에서 하이픈으로 입력을 시도한 적이 없으며 객체 표기법을 사용할 때 하이픈이 키에 허용되지 않는다고 생각하지 마십시오. – davidosomething

체크 여부와 어느 쪽이 선택되는 경우 테스트 할 수 있습니다 이것으로 :와

$('.submit').bind('click',function() { 
    if($("#formq input:radio").is(':checked')) { 
     alert('true, value = '+$('#formq input:radio:checked').val()); 
    } else { 
     alert('false'); 
    } 
});

출처

2011-04-19 16:05:33 tenshimsm

죄송합니다. 귀하가 플러그인을 사용하고있는 것을 보지 못했습니다. – tenshimsm

jQuery 유효성 검사 문제

답변

관련 문제