Question

我正在尝试验证此选择/下拉菜单。我没有收到错误，但验证不是正确的。我正在使用其他字段的验证，这是正常的。这是我的jquery和不想看似验证的选择：

$().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>

提前感谢您查看我的问题。

Answer 1

我认为您不能在选择中使用required: true。因为总会选择一些内容，即使该值为空。

也许试试minlength:1

Answer 2

而不是end_time：{required：true}，写下：

end_time: {custom_required: true}

并添加此自定义验证方法：

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

Jquery选择验证

2 个答案: