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 Validation Plugin 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 breaks 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();

jquery.validate.unobtrusive：compare属性总是失败

2 个答案: