2012-02-11 75 views
1

我想驗證此選擇/下拉。我沒有收到錯誤,但驗證不會發生。我正在使用其他領域的驗證,這是工作正常。這裏是我的jQuery和不想要顯得驗證選擇:Jquery Select Validation

$().ready(function() { 
$("#cancelForm").validate({ 
    debug: false, 
    errorClass: "authError",  
    errorElement: "span", 
    rules: { 
     inputString: "required", 
     notes: "required", 
     end_time: {required: true} 
    }, 
    messages: { 
     inputString: "Please enter the membername", 
     notes: "Please enter the notes", 
     end_time: "Please select a time" 
    } 
}); 
}); 

這是我的選擇:

<div class="styled-select"> 
<select name="end_time" id="end_time"> 
<option value="">None</option> 
<option value="05:00:00">5:00AM</option> 
<option value="05:30:00">5:30AM</option> 
</select> 
</div> 

預先感謝考慮看看我的問題。

+1

我沒有看到你的問題:http://jsfiddle.net/nnxtG/。驗證選擇應該可以正常工作... – 2012-02-11 15:54:07

回答

0

我不認爲你可以在選擇上使用required: true。因爲總是有選擇的東西,即使這個值是空的。

也許嘗試minlength:1

0

相反END_TIME的:{要求:真正},這樣寫:

end_time: {custom_required: true} 

並添加此自定義的驗證方法:

$.validator.addMethod("custom_required", function(value, element) { 
    return (value) ? true: false; 
}, "Please select the end time.");