3

要覆盖 Query validate 插件,在plaugsin 文档中,推荐的方法是:

$(".selector").validate({
    invalidHandler: function(form, validator) {
      var errors = validator.numberOfInvalids();
      if (errors) {
        var message = errors == 1
          ? 'You missed 1 field. It has been highlighted'
          : 'You missed ' + errors + ' fields. They have been highlighted';
        $("div.error span").html(message);
        $("div.error").show();
      } else {
        $("div.error").hide();
      }
    }
})

但是,它不适用于带有 jquery-1.7.1.js 的 MVC4。似乎 jquery.validate.unobtrusive.js 阻止调用覆盖句柄。如果不包含此文件,则调用覆盖句柄并显示消息。有人有同样的问题吗?

4

2 回答 2

3

我终于按照布鲁斯的建议让它工作了。诀窍是在连接您的自定义处理程序之前删除旧处理程序。您可以以相同的方式覆盖其他设置。Microsoft 应该加快修复其 jquery.validate.unobtrusive.js 以与 jquery.validate 一起使用。据报道,不显眼的 [version="2.0.20710.0"] 会破坏 jquery-1.9.0

$('form').each(function() {
    $(this).unbind("invalid-form.validate"); // remove old handler!!!!
    $(this).bind("invalid-form.validate", function(e, validator) {
        //alert("ok");
        var errors = validator.numberOfInvalids();
        if (errors) {
            var message = errors == 1
                ? 'You missed 1 field. It has been highlighted'
                : 'You missed ' + errors + ' fields.  They have been highlighted';
            $("div.error span").html(message);
            $("div.error").show();
        } else {
            $("div.error").hide();
        }
    });
});
于 2013-01-25T17:38:07.353 回答
1

这不起作用的原因是验证器已经由不显眼的插件创建,所以当你调用

$(".selector").validate({..})

您只需取回已经创建的验证器实例,您的选项不会被应用。但是我认为您可以通过这种方式更改设置。

<script>
    $(function () {  

        // get the validator instance
        var v = $('form').validate();

        // overwrite the invalidHandler with your own function
        v.settings.invalidHandler = function(form, validator) {
          // your stuff here
        };
    });
</script>

请注意,这会覆盖“不显眼”的 invalidHandler 函数,因此您不会获得“不显眼”功能的那部分。

于 2013-01-25T15:24:03.083 回答