如何让 jQuery Validate 触发“成功”方法“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");
});

Answer 2

尝试这个 .change() 而不是 .blur()....

$("#idofSelect").change(function(){

  $("#submitButtonID").show()

})

Answer 3

自从提出这个问题以来已经很长时间了，我仍然不相信插件开发人员已经提供了针对此问题的本机修复。 @Cofey，你走在正确的轨道上，我认为对你的答案逻辑的轻微改进将有助于使所有选择的解决方案动态化：

$('select').bind('change keyup', function() {
    $('form').validate().element(this);
});