选择框上的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

解决此问题的一种简单方法是赋予无效option值"".然后只需在表单上调用validate,并在"Choose"选中时不提交.

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(); ?

演示