javascript - 选择框上的 jQuery 验证不起作用

Question

我正在使用 jQuery 验证插件进行客户端验证，但我的验证在我的选择框上不起作用。

HTML

<select id="select" class="required">
    <option value="-1">Choose</option>
    <option value="child">test2</option>
</select>

JavaScript

$("#formid").validate({
    select: {
        required: function(element) {
            if ($("#select").val() == '-1') {
                return false;
            } else {
                return true;
            }
        }
    }
}); 

我如何让它工作？

Answer 1

解决此问题的一个简单方法是为无效的选项 赋予"" 的值。 Then simply call validate on your form and it will not submit when "Choose" is selected.

HTML

<form id="formid">
    <select name="select" class="required">
        <option value="">Choose</option>
        <option value="child">test2</option>
    </select>

    <input type="submit" />
</form>​

JavaScript

$("#formid").validate(); ​

Demo