2017-03-31 146 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 
     } 
    } 
});