ASP .Net MVC 3：自定义非侵入性验证

Question

我正在尝试向我的应用程序添加自定义的不引人注目的验证。它似乎没有运行验证。

这是我的 Attribute 类：

public IEnumerable<ModelClientValidationRule> GetClientValidationRules(
    ModelMetadata metadata, ControllerContext context)
{
    yield return new ModelClientValidationRule
    {
        ErrorMessage = ErrorMessage,
        ValidationType = "custrequired"
    };
}

和我的 JavaScript：

$.validator.addMethod('custrequired', function(value, element, param) {
  return value && value !== '99:99' && value !== '9:99';
});

$.validator.unobtrusive.adapters.add('custrequired', null, function(options) {
  return options.messages['custrequired'] = options.message;
});

Answer 1

这里有很多地方可能会出错，但没有一个涉及您发布的代码：

• 您为 生成的 HTML 看起来如何？它是否包含 data-val-custrequired 属性？

• 如果没有，您是否记得在类声明中添加接口 - IClientValidatable？

• 您是否记得不在 DOM 就绪 处理程序中添加自定义验证器？ （即不要使用 $(document).ready() 或 $(function() { ... })） - 验证应在文档已准备就绪。

ETA：最后一个的原因是 jquery.validate.unobtrusive 这样做：

$(function () {
    $jQval.unobtrusive.parse(document);
});

即，它在文档准备好时解析文档以获取验证属性、规则等。由于必须加载该脚本才能注册您的适配器，因此您的注册脚本通常必须位于之后jquery.validate.unobtrusive.js。但这也使得您注册的任何 .ready 处理程序在“不引人注目”的处理程序之后被调用 - 到那时就为时已晚了。我想你可以把你的注册脚本放在前面，然后使用.ready。我从未尝试过，也从未见过它被完成。

另外，在这种情况下，这应该足以注册适配器：

$.validator.addMethod('custrequired', function(value, element, param) {
   return value && value !== '99:99' && value !== '9:99';
});

jQuery.validator.unobtrusive.adapters.addBool('custrequired');

它仍然会添加您可能有的任何自定义错误消息，但由于您的验证器没有使用其他参数（例如 StringLength 传递 < code>MaximumLength 等），不需要自定义适配器。

Answer 2

$.validator.unobtrusive.adapters.add 调用存在一些问题：

$.validator.unobtrusive.adapters.add('custrequired', function (options) {
// -------------------------------------------------^ <-- removed "null" param
    options.messages['custrequired'] = options.message;
    // Register the rule properly
    options.rules['custrequired'] = options.params;
    // Don't return anything
});

在这两项更改之后（并确保在 web.config 中启用了 ClientValidation 和 UnobtrusiveJavascript），一切正常。

Answer 3

您必须更改服务器端。

    public IEnumerable<ModelClientValidationRule> GetClientValidationRules(
    ModelMetadata metadata, ControllerContext context)
    {
      //I changed ErrorMessage for ErrorMessageString
      yield return new ModelClientValidationRule
      {
        ErrorMessage = ErrorMessageString,
        ValidationType = "custrequired"
      };
   }

正如安德烈·惠特克所说，您必须将其添加到客户端以进行验证。

    //i changed param for params
    $.validator.addMethod('custrequired', function(value, element, params) {
       return value && value !== '99:99' && value !== '9:99';
    });

    //i specified that there isn't paramaters using an empty array.
    $.validator.unobtrusive.adapters.add('custrequired', [] , function (options) {
        options.messages['custrequired'] = options.message;
        options.rules['custrequired'] = options.params;
    });

记住检查输入的 HTML，它应该具有“data-”属性和您的错误消息文本

我希望它对您有用。

Answer 4

经过一些研究，我在 Asp.Net Mvc 中找到了一个很好的自定义非侵入性和服务器端验证解决方案。检查以下链接

雷蒙德·马卡拉莱