Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/85.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 单选按钮只有一条所需的验证和错误消息_Jquery_Radio Button - Fatal编程技术网

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
    }
  }
});