2017-03-31 237 views
0

我无法获得Gender的单选按钮来注册错误。 我尝试了好几种选择:jquery验证单选按钮

  • <input >标签内所需的字
  • class="required"输入标签
  • 在这些选项给validate({rule:{'fb[15]':{required:true}}}

无添加规则在js控制台中出现错误,但是没有触发验证错误
如果我离开性别选项未提交时提交。

我在页面的标题中有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> 

回答

1

试图改变自己的name属性无线电输入到不同的名称,例如test没有[]所以这将是name="test"

和您的规则将是:

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