jquery验证单选按钮

Question

我无法获得性别的单选按钮来注册错误。我尝试了几种选择：

• 将所需的单词放在<input >标记中
• 将class="required"放在输入标记中
• 在validate({rule:{'fb[15]':{required:true}}}中添加规则

这些选项都不会在js控制台中出现错误，但是none会触发验证错误，

如果我在提交时没有选择性别选项。

我在页面的标题中有jQuery。我知道它起作用了。

<form action="https://example.com" method="post" id="formBuilder" class="formBuilder">
  <p>
    <label for="form-1"><span class="red">*</span> E-Mail Address</label>< br/>
    <input maxlength="255" name="fb[1]" size="50" type="email" id="form-1" required/> <br/>

    <label for="form-2"><span class="red">*</span> Full Name</label> <br/>
    <input maxlength="255" name="fb[2]" size="50" type="text" required id="form-2"/> <br/>

    <label><span class="red">*</span> Gender</label> <br/>
    <input name="fb[15]" type="radio" value="0"  id="form-15-0"/>

    <label for="form-15-0">Male</label>
    &nbsp;&nbsp; <input class="required" name="fb[15]" type="radio" value="1" id="form-15-1"/>

    <label for="form-15-1">Female</label>

    <label for="form-8"><span class="red">*</span> Request</label> <br/>
    <textarea cols="40" name="fb[8]" rows="3" id="form-8" required></textarea> <br/>

    <span><span class="red">*</span>= required information </span>
  </p>

  <span class="buttons">
    <input name="submit" type="submit" value="Submit" id="form-submit"/>
  </p>
</form>

<script src="/wp-includes/js/jquery.validate.min.js"></script>
<script>
$('#formBuilder').validate( );
</script>

Answer 1

尝试将广播输入的name 属性更改为不同的名称，例如，没有 []的test ，因此将是name="test"

你的规则是：

$('#formBuilder').validate({
    rules: {
        test: { 
            required: true
        }
    }
});