2011-04-07 36 views
2

我有複選框的輸入型在我的形式,我想使用jQuery驗證:http://docs.jquery.com/Plugins/Validation使用jQuery驗證檢查選中的複選框

我有十幾種其他形式的礦井做工精細,但沒有這些表單有複選框。我如何檢查以確保使用此插件檢查複選框?

目前,我有它這樣的:當我嘗試來驗證它

... 
termsConditions: { 
    required: true 
} 
... 

<input type="checkbox" id="termsConditions" name="termsConditions"/> I agree to the <a href="terms">terms and conditions</a> 
<label style="float: none;" for="termsConditions" class="error" generated="true"></label> 

什麼也沒有發生。任何幫助?

回答

4

使用"required"

$("#signupForm").validate({ 
    rules:{ 
     termsConditions : "required" 
    } 
}); 

或者你也可以在類"required"簡單地添加到您的複選框。

<input type="checkbox" id="termsConditions" class="required" name="termsConditions"/> 

Example on jsfiddle

+0

這也是同樣的問題。 – AKor 2011-04-07 21:47:00

+0

jsFiddle示例適用於Chrome 10上的我。 – 2011-04-07 21:49:48

+0

@Sennheiser使用''required''或添加類''required''應該可以工作,如果不是請發佈更多的html和'.validate()'選項來查看是否其他事情正在引發問題。 – 2011-04-07 21:50:11

0

另一個可能的原因可能是,複選框字段是不可見的。任何隱藏的輸入都會跳過驗證。

如果您希望驗證隱藏字段,您可以將忽略選項設置爲ignore: 'hidden'

$('#form').validate({ 
    ignore: [] 
});