16

我试图理解一些事情。

来自这篇博文http://bradwilson.typepad.com/blog/2010/10/mvc3-unobtrusive-validation.html

桥接 HTML 和 jQuery Validate：适配器

编写客户端验证器涉及两个步骤：为 jQuery Validate 编写验证器，以及编写从 HTML 属性中获取参数值并将其转换为 jQuery Validate 元数据的适配器。前一个主题不在这篇博文的范围内（因为它实际上不是 MVC 特定的）。

jQuery.validator.unobtrusive.adapters 中有一个适配器集合。挂在适配器集合之外的是适配器注册方法 (add) 和三个可用于注册非常常见的适配器类型的助手（addBool、addSingleVal 和 addMinMax）。

请注意，它说两个步骤。

但是如果你看一下这篇文章MVC3: make checkbox required via jQuery validate? 您只需要第二步（“编写适配器”）即可进行验证 - 通过添加以下代码行：

$.validator.unobtrusive.adapters.addBool("mandatory", "required");

我在一个新的 MVC 4 Internet 应用程序中测试了代码，它运行良好，这是超级简单的示例。

查看模型

public class SimpleViewModel
{
    [Mandatory(ErrorMessage = "You must agree to the Terms to register.")]
    [Display(Name = "Terms Accepted")]
    public bool IsTermsAccepted { get; set; }
}

验证属性

public class MandatoryAttribute : ValidationAttribute, IClientValidatable
{
    public override bool IsValid(object value)
    {
        return (!(value is bool) || (bool)value);
    }

    public IEnumerable<ModelClientValidationRule> GetClientValidationRules(ModelMetadata metadata, ControllerContext context)
    {
        ModelClientValidationRule rule = new ModelClientValidationRule();
        rule.ErrorMessage = FormatErrorMessage(metadata.GetDisplayName());
        rule.ValidationType = "mandatory";
        yield return rule;
    }
}

看法

@model MvcApplication2.Models.SimpleViewModel

@{
    ViewBag.Title = "";
}    

@using (Html.BeginForm()) {
    @Html.ValidationSummary()
    @Html.CheckBoxFor(model => model.IsTermsAccepted)
    @Html.ValidationMessageFor(model => model.IsTermsAccepted)
    <input type="submit" value="Send" />
}

@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")
    <script type="text/javascript">
        $.validator.unobtrusive.adapters.addBool("mandatory", "required");
    </script>
}

所以基本上我有三个问题：

  1. 是 $.validator.unobtrusive.adapters.addBool("mandatory", "required"); 除了编写属性类之外，您真的唯一需要的东西吗？

  2. 它在幕后究竟做了什么？

  3. 我在哪里可以找到关于 addBool 的好文档？

4

1 回答 1

3

除了评论中链接到的文章@BlueChippy，我在这篇文章中找到了2.的答案。

  1. 是的，这是除了属性之外唯一需要的东西。那是因为我们使用了一个已经存在的规则（required）。
  2. 它有什么作用？

这只是为MandatoryAttribute注册了一个新的验证适配器，其中第一个参数是适配器名称，第二个参数是 jQuery 验证规则的名称。适配器名称应该与我们之前指定的验证类型的值匹配，并且 jQuery 验证 required-rule 将要求用户选中复选框。

3. 可以在 Brad Wilson 博客上的这篇文章中找到更多信息。

于 2013-01-25T13:29:26.177 回答