验证单选按钮不工作jquery

验证单选按钮不工作jquery,jquery,validation,radio-button,Jquery,Validation,Radio Button,如何执行验证单选按钮。当使用按钮类型按钮而不是输入类型提交时,无法执行单选按钮验证 演示:尝试以下操作: $(document).ready(function() { $('#myform').validate({ rules:{ foobar : { required: true } } }); }); 你的代码有很多问题 您必须为一个组中的所有收音机指定类似的名称,否则它们会像复选框一样工作 Jque

如何执行验证单选按钮。当使用按钮类型
按钮
而不是输入类型
提交
时,无法执行单选按钮验证

演示:

尝试以下操作:

$(document).ready(function() {
    $('#myform').validate({
    rules:{
        foobar : 
      {
        required: true
      }
    }
  });
});

你的代码有很多问题

  • 您必须为一个组中的所有收音机指定类似的名称,否则它们会像复选框一样工作
  • Jquery验证对特定元素的名称起作用。所以名字是必须的
试试这个:

$(document).ready(function() {
    $('#myform').validate({
    rules:{
        foobar : 
      {
        required: true
      }
    }
  });
});

你的代码有很多问题

  • 您必须为一个组中的所有收音机指定类似的名称,否则它们会像复选框一样工作
  • Jquery验证对特定元素的名称起作用。所以名字是必须的

注意。但是,如何使用html dom innerHTML用自己的消息显示错误消息呢?例如document.getElementById(“errMsg”).innerHTML=“请检查!”;。。。通过使用您提供的解决方案,Thank alot@Mayank PandeyzHappy coding:)单选按钮不会验证其是否具有属性display:none。选项“忽略”解决了这个问题$(document).ready(function(){$('#form').validate({ignore:”,规则:{foobar:“required”}});});注意。但是如何使用html dom innerHTML用自己的消息显示错误消息?例如document.getElementById(“errMsg”).innerHTML=“请检查!“;…通过使用您提供的解决方案Thank alot@Mayank PandeyzHappy coding:)单选按钮如果具有属性显示则不会验证:无。选项“忽略”解决此问题。$(文档).ready(函数(){$('#表单')。验证({ignore:'',规则:{foobar:“required”});