jquery.validate.unobtrusive：比较属性总是失败

Question

我的表单上有两个电子邮件字段，用于验证用户是否正确输入了电子邮件。但是，即使正确输入了两次电子邮件，jquery.validate.unobtrusive 也始终会显示错误消息。

这是一个 ASP.Net MVC 3 项目，我在第二个电子邮件字段上使用“比较属性”。

这是我网页上该区域的 html 代码：

<div class="editor-field">
    <input class="text-box single-line" data-val="true" data-val-length="The field Adresse de courriel must be a string with a maximum length of 50." data-val-length-max="50" data-val-required="L&amp;#39;adresse de courriel doit &amp;#234;tre sp&amp;#233;cifi&amp;#233;e" id="Requerant_Individu_Courriel" name="Requerant.Individu.Courriel" type="text" value="" />
    <span class="field-validation-valid" data-valmsg-for="Requerant.Individu.Courriel" data-valmsg-replace="true"></span>
</div>
<div class="editor-field">
    <input class="text-box single-line" data-val="true" data-val-equalto="Les deux adresses de courriel doivent &amp;#234;tre identiques" data-val-equalto-other="*.Courriel" data-val-required="L&amp;#39;adresse courriel de confirmation doit &amp;#234;tre sp&amp;#233;cifi&amp;#233;e" id="Requerant_Individu_ConfirmCourriel" name="Requerant.Individu.ConfirmCourriel" type="text" value="" />
    <span class="field-validation-valid" data-valmsg-for="Requerant.Individu.ConfirmCourriel" data-valmsg-replace="true"></span>
</div>

我注意到第二个电子邮件输入上的此属性：data-val-equalto-other="*.Courriel" 我想知道这个星号是否正确。

这就是我的模型中的内容：

    [Required(ErrorMessage = "L'adresse de courriel doit être spécifiée")]
    [StringLength(50)]
    [Display(Name = "Adresse de courriel")]
    public String Courriel { get; set; }

    [Compare("Courriel", ErrorMessage = "Les deux adresses de courriel doivent être identiques")]
    [Required(ErrorMessage = "L'adresse courriel de confirmation doit être spécifiée")]
    [Display(Name = "Retapez votre adresse de courriel")]
    public string ConfirmCourriel { get; set; }

有人遇到过这个问题吗？建议？

注意：我使用的是 jQuery 1.6.3 和 jQuery 验证插件 1.8.1

Answer 1

如果您使用的是最小化版本，请执行搜索/替换：

替换：

f = a(b.form).find(":input[name=" + d + "]")[0];

为：

f=a(b.form).find(":input[name='"+d.replace(".","\\.").replace("[","\\[").replace("]","\\]")+"']")[0];

另外，替换：

return a(b.form).find(":input[name='"+c+"']").val()

为：

return a(b.form).find(":input[name='"+c.replace(".","\\.").replace("[","\\[").replace("]","\\]")+"']").val()

Answer 2

我终于在这篇文章中找到了问题的答案：

JQuery 1.5 中断 Compare Validate (JQuery Validate 1.8)

在文件 jquery.validate.unobtrusive.js 中，第 288 行：

element = $(options.form).find(":input[name=" + fullOtherName + "]")[0];

必须用以下代码替换：

element = $(options.form).find(":input[name='" + fullOtherName.replace(".", "\\.").replace("[", "\\[").replace("]", "\\]") + "']")[0];

行相同309：

return $(options.form).find(":input[name='" + paramName + "']").val();

必须替换为：

return $(options.form).find(":input[name='" + paramName.replace(".", "\\.").replace("[", "\\[").replace("]", "\\]") + "']").val();