如何在jQuery的.validate()方法规则中配置单选按钮必填校验

• 首先修正属性匹配问题：你当前代码中JS校验规则的keyradName与HTML单选按钮的name属性值radNamae拼写不一致，会导致规则无法生效，需要先统一两者的取值。

单选按钮的必填校验仅需在对应name的规则中设置required: true即可，如需自定义错误提示，可补充messages配置项。

JS代码 #

$('[name="formName"]').validate({
    rules: {
        // 此处key与HTML单选按钮的name属性保持一致
        radNamae: {
            required: true
        }
    },
    messages: {
        radNamae: {
            // 自定义未选中时的错误提示文案
            required: "请选择一个选项后提交"
        }
    }
});

HTML代码（可选修正label的for属性匹配单选id，提升表单可访问性） #

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.min.js"></script>
<form name="formName" method="post" action="#">
    <div>
      <input type="radio" name="radNamae" value="1" id="rdb1">
      <label for="rdb1">Label 1</label>
      <input type="radio" name="radNamae" value="2" id="rdb2">
      <label for="rdb2">Label 2</label>
      <input type="radio" name="radNamae" value="3" id="rdb3">
      <label for="rdb3">Label 3</label>
    </div>
    <input type="submit" id="btn-submit" class="btn-gen" value="Submit">
 </form>

内容的提问来源于stack exchange，提问作者Stacks Queue