我正在嘗試使用jQuery Validate插件來驗證html select元素。我將“ required”規則設置為true，但是它始終通過驗證，因為默認情況下選擇了零索引。有什么方法可以定義所需規則使用的空值？UPD。例。假設我們有以下html控件：<select> <option value="default">Choose...</option> <option value="1">1</option> <option value="2">2</option></select>我希望驗證插件使用“默認”值為空。
3 回答
慕桂英546537
TA貢獻1848條經驗 獲得超10個贊
您可以編寫自己的規則！
// add the rule here
$.validator.addMethod("valueNotEquals", function(value, element, arg){
return arg !== value;
}, "Value must not equal arg.");
// configure your validation
$("form").validate({
rules: {
SelectName: { valueNotEquals: "default" }
},
messages: {
SelectName: { valueNotEquals: "Please select an item!" }
}
});
慕容708150
TA貢獻1831條經驗 獲得超4個贊
將值設為空并添加必需的屬性
<select id="select" class="required">
<option value="">Choose an option</option>
<option value="option1">Option1</option>
<option value="option2">Option2</option>
<option value="option3">Option3</option>
</select>
慕神8447489
TA貢獻1780條經驗 獲得超1個贊
我不知道在問問題時（2010年）插件的情況如何，但是我今天遇到了同樣的問題，并通過以下方式解決了該問題：
給您的選擇標簽一個名稱屬性。例如在這種情況下
<select name="myselect">
不必使用標簽選項中的屬性value =“ default”，而是禁用默認選項或按照Andrew Coats的建議設置value =“”
<option disabled="disabled">Choose...</option>
要么
<option value="">Choose...</option>
設置插件驗證規則
$( "#YOUR_FORM_ID" ).validate({
rules: {
myselect: { required: true }
}
});
要么
<select name="myselect" class="required">
Obs：Andrew Coats的解決方案僅在您的表單中只有一個選擇時才有效。如果您希望他的解決方案可以使用多個選項，請在您的選擇中添加名稱屬性。
希望能幫助到你！:)
- 3 回答
- 0 關注
- 938 瀏覽
添加回答
舉報
0/150
提交
取消