ASP.net MVC 3 jQuery 验证；禁用不显眼的 OnKeyUp？

Question

有没有办法禁用某个验证器（信用卡）的 jQuery 验证，以便它只发生在 onblur，而不是 onkeyup？

根据 jQuery Validator 文档，我认为我可以这样做：

$(function () {
    $("[data-val-creditcard]").validate({
        onkeyup: false
    })
});

但是，它似乎不起作用。

我还尝试在我的验证器上执行以下操作：

public class CreditCardValidator : DataAnnotationsModelValidator<CreditCardAttribute>
{
    string _message;

    public CreditCardValidator(ModelMetadata metadata, ControllerContext context, CreditCardAttribute attribute)
        : base(metadata, context, attribute)
    {
        _message = attribute.ErrorMessage;
    }

    public override IEnumerable<ModelClientValidationRule> GetClientValidationRules()
    {
        var rule = new ModelClientValidationRule
        {
            ErrorMessage = _message,
            ValidationType = "creditcard"
        };
        rule.ValidationParameters.Add("onkeyup", false);
        return new[] { rule };
    }
}

它也不起作用，但我只是在尝试正确使用 ValidationParameters。

在表单中输入信用卡号并让它随机地从无效变为有效，然后又变为无效，这有点烦人。

有什么想法吗？谢谢！

Answer 1

好吧，伙计们，

我遇到了同样的问题，发现了这个帖子：http://old.nabble.com/-validate--onkeyup-for-single-field-td21729097s27240.html

这个想法基本上是覆盖keyup事件并返回false。因此，在您的具体情况下，您需要添加：

$('#my-form').validate({
   rules: {
     [...]
   }
} 
// Disable keyup validation for credit card field
$("[data-val-creditcard]").keyup(function() { return false } );

您会看到您的信用卡字段仅在 blur 或 submit 上进行检查（但其余部分也在 keyup 上工作）。

我一直在寻找相同的解决方案，发现这里的答案可以改进，所以我认为在这里分享它会很好。

Answer 2

$.validator.setDefaults 不适用于不显眼的验证，因为验证器是在内部初始化的。

要更改使用不显眼验证的表单上的设置，您可以执行以下操作：

var validator = $("form").data("validator");
if (validator) {
    validator.settings.onkeyup = false; // disable validation on keyup
}

Answer 3

我意识到这是一篇旧帖子，但似乎没有一个回复能回答这个问题，

如何禁用onkeyup和启用onblur？

我一直在寻找这个，所以想我会分享答案。

正如 Ben Foster 所说，onkeyup 可以通过执行以下操作来禁用

var validator = $("form").data("validator");
if (validator) {
    validator.settings.onkeyup = false;
}

要启用 onblur 验证，我们可以使用 onfocusout

validator.settings.onfocusout = function(element)
{
    $(element).valid();
};

所以我们禁用 onkeyup 和启用 onblur 的代码如下所示

var validator = $("form").data("validator");
        if (validator)
        {
            validator.settings.onkeyup = false; 
            validator.settings.onfocusout = function(element)
            {
                $(element).valid();
            };
        }

Answer 4

不知道如何将其设置为特定字段，但您可以尝试禁用 keyup 验证（适用于所有字段）：

$.validator.setDefaults({
   onkeyup: false
})

见

• MVC 3 specifying validation trigger for Remote validation
• ASP.NET Remote Validation only on blur?

Answer 5

你也可以使用类似上面的东西，

$("form").validate({
    onfocusout: false,
    onkeyup: false
});

如果您有自定义规则，那么，

$("form").validate({
    onfocusout: false,
    onkeyup: false,
    rules: {
        "name1": {
            required: true,
            email: true,
            maxlength: 100
        },
        "name2": {
            required: true,
            number: true
        }
    }
});

jQuery 论坛中的This answer 对我帮助很大。

Answer 6

您可以在 credit 字段的 onfocus 事件中将默认设置为关闭，然后在 onblur 中将其打开。看起来很hacky，但可以工作。