如何在ASP.NET MVC 3中自定义不显眼的验证以匹配我的风格？

Question

MVC 3中的默认验证基于jQuery验证,我通常可以使用以下内容进行自定义:

$.validator.setDefaults({
  submitHandler: function() { alert('submitHandler'); },
  errorPlacement: function(error, element) {
    // do something important here
    alert('errorPlacement');
  },
  errorClass: "error",
  errorElement: "input",
  onkeyup: false,
  onclick: false
})

但是,这似乎在MVC 3中不起作用.具体来说,似乎并没有调用errorPlacement,我也不知道为什么.我将调用submitHandler,但绝不会调用errorPlacement.

如何自定义验证以匹配我的网站风格所需的任何结构/样式？默认值很高,但并不总是适用于所有情况.

Answer 1

在我的代码中,而不是使用$.validator.setDefaults我访问表单验证器$("#form_selector").data('validator'),然后更改设置.

$(function () {

    var validator = $("#form_selector").data('validator');
    validator.settings.errorPlacement = function(error,element) {
        alert('errorPlacement');
    };

});

看看它是否适合你.

Answer 2

我有同样的问题,但后来发现不显眼的插件实际上casuing问题,那么它将覆盖你设置的任何选择!诀窍是按以下顺序编写/包含您的代码:

1. 验证插件
2. 您的自定义代码和选项
3. 不引人注目的插件

任何其他订单,这将无法正确设置!

Answer 3

正确的方法:

脚本顺序:

1. 验证插件
2. 不引人注目的插件
3. 您的自定义代码和选项

自定义代码和选项脚本:

var settings = {
   //...
}; 

// override jQuery unobtrusive validator settings
$.validator.unobtrusive.options = settings;