jquery - 如何让 jQuery Validate 为选择菜单触发 "success"方法 "onchange"而不是 "onblur"？

Question

我正在使用 jQuery 验证插件。我正在使用 show() 方法在页面上没有错误后显示提交按钮。

我有一个只有一个选择/下拉菜单的表单。我遇到的问题是，当我在选择中选择一个选项时，它不会显示提交按钮，直到我单击页面上的其他位置，而当我选择有效选项时它应该立即显示它。

有谁知道如何让它触发 success() onchange 或 onkeyup 而不是 onblur ？

这是我正在做的事情的基本示例:

$form.validate( {
    rules: {
        favoriteSport: {
            required: true
        }
    },
    messages: {
        favoriteSport: "This is required"
    },
    success: function() {
        console.log("yay, it was valid!");

        $("#submit").show();
    }
});

Answer 1

我最终添加了对bind()的单独调用，因此每当发生更改事件时，它就会针对选择菜单的ID运行$validate()。

很难相信它不是内置在插件中的，因为它是最流行的 jQuery 表单验证插件。

这是一个例子:

$("#favoriteSport").bind("change keyup", function() {
    $form.validate().element("#favoriteSport");
});