Jquery 单选按钮只有一条所需的验证和错误消息
我希望只允许在一组单选按钮中选中一个选项,并通过显示错误消息来验证是否未选中任何选项 这就是我所做的Jquery 单选按钮只有一条所需的验证和错误消息,jquery,radio-button,Jquery,Radio Button,我希望只允许在一组单选按钮中选中一个选项,并通过显示错误消息来验证是否未选中任何选项 这就是我所做的 (函数($,W,D){ var JQUERY4U={}; JQUERY4U.UTIL={ setupFormValidation:函数(){ //表单验证规则 //在#注册表表单元素上设置表单验证 $(“#requestAr”).validate({ errorElement:'div', 规则:{ 请求类型:{ checkType:true, }, 请求者:{ 要求:正确, }, }, 信息:
(函数($,W,D){
var JQUERY4U={};
JQUERY4U.UTIL={
setupFormValidation:函数(){
//表单验证规则
//在#注册表表单元素上设置表单验证
$(“#requestAr”).validate({
errorElement:'div',
规则:{
请求类型:{
checkType:true,
},
请求者:{
要求:正确,
},
},
信息:{
请求者:{
必填项:“输入您的姓名”,
},
},
submitHandler:函数(表单){
表单提交();
}
});
}
};
$(D).就绪(函数($){
JQUERY4U.UTIL.setupFormValidation();
jQuery.validator.addMethod('checkType',函数(值){
返回($(值).is(':checked');
},“选择请求类型”);
});
})(jQuery、窗口、文档);
我无法使其工作,即使我选中了一个选项,验证错误仍会显示并拒绝提交表单尝试以下操作: Html:
给所有收音机输入相同的
名称
。默认选中一个。那么你根本不需要任何验证。还要小心在对象中留下尾随逗号-它们会打断您的小提琴:uncaughttypeerror:$(…)。验证不是一个函数谢谢大家^^
<form id="frm">
<div class="formLayout">
<div class="required">
<label>Request Type</label>
<legend>
Article
<input type="radio" name="requestType" value="Article"/>
e-Article
<input type="radio" name="requestType" value="eArticle"/>
Chapter
<input type="radio" name="requestType" value="Chapter"/>
</legend>
</div>
<!-- Error label -->
<label id="requestType-error" class="error" for="requestType"></label>
</div>
<input type="submit" value="submit">
</form>
$('#frm').validate({
rules: {
requestType: {
required: true
}
}
});