javascript - JQuery 验证验证下拉列表时的奇怪行为

Question

我使用 jQuery 验证来验证下拉列表，如下所示:

这是 JavaScript 部分:

 $.ready(function(){ 
   $.validator.addMethod("dropdown", function (value, element) { return    validateDropDowns(this, value, element); });
    $('#form1').validate({
        onsubmit: false,
        focusInvalid: true,
        highlight: function (element, errorClass, validClass) {
            $(element).toggleClass('invalid');
            $(element.form).find("label[for=" + element.id + "]").toggleClass(errorClass);
        },
        unhighlight: function (element, errorClass, validClass) {
            $(element).toggleClass('invalid');
            $(element.form).find("label[for=" + element.id + "]").toggleClass(errorClass);
        }
    });
});

function validateDropDowns(objContext, value, element) {
    return objContext.optional(element) || value != "-1";
}

这是标记部分:

<asp:DropDownList runat="server" ID="cmbGender" ClientIDMode="Static" meta:resourcekey="cmbGenderResource1">
    <asp:ListItem Selected="True" Value="-1" Text="please select gender" meta:resourcekey="ListItemResource1"></asp:ListItem>
    <asp:ListItem Value="1" Text="male" meta:resourcekey="ListItemResource2"></asp:ListItem>
    <asp:ListItem Value="2" Text="female" meta:resourcekey="ListItemResource3"></asp:ListItem>
</asp:DropDownList>

我有一个提交按钮，单击它即可验证表单return $("#form1").valid();

现在在 Chrome 和 Firefox 中一切正常，但在 IE9 中我得到了一个非常奇怪的行为；下拉列表在验证之前和验证之后工作正常。当您尝试打开下拉菜单时，它将立即关闭。

Answer 1

在验证选项中添加 onclick: false:

例如

$(".selector").validate({
   onclick: false
})

这对我有用。