Question

我正在使用MVC3，我希望在同一页面上有LogIn表单和Register表单。为此，我按如下方式构建了LogInRegisterViewModel：

public class LogInRegisterViewModel
{
    public LogInViewModel LogIn { get; set; }
    public RegisterViewModel Register { get; set; }
}

它给了我想要的东西（在同一个屏幕上有两个表格）并将数据发布到正确的控制器并返回并显示表单的错误（如果有的话）。我唯一的问题是CompareAttribute我在RegisterViewModel中的ConfirmPassword属性之上：

public class RegisterViewModel
{
    [Required]
    [Display(Name = "Friendly user name")]
    public string UserName { get; set; }

    [Required]
    [Display(Name = "E-mail address")]
    public string Email { get; set; }

    [Required]
    [DataType(DataType.Password)]
    [Display(Name = "Password")]
    [StringLength(16, ErrorMessage = "The {0} must be at least {2} characters long.", MinimumLength = 6)]
    public string Password { get; set; }

    [DataType(DataType.Password)]
    [Display(Name = "Confirm password")]
    [Compare("Password", ErrorMessage = "Passwords do not match.")]
    public string ConfirmPassword { get; set; }
}

客户端密码永远不会相等（〜我总是从比较中得到验证错误，告诉我它们不相等），即使它们是（我确定）。浏览器中的HTML是：

    <div class="editor-label">
        <label for="Register_Password">Password</label>
    </div>
    <div class="editor-field">
        <input class="valid" data-val="true" data-val-length="The Password must be at least 6 characters long." data-val-length-max="16" data-val-length-min="6" data-val-required="The Password field is required." id="Register_Password" name="Register.Password" type="password">
        <span class="field-validation-valid" data-valmsg-for="Register.Password" data-valmsg-replace="true"></span>
    </div>

    <div class="editor-label">
        <label for="Register_ConfirmPassword">Confirm password</label>
    </div>
    <div class="editor-field">
        <input class="input-validation-error" data-val="true" data-val-equalto="Passwords do not match." data-val-equalto-other="*.Password" id="Register_ConfirmPassword" name="Register.ConfirmPassword" type="password">
        <span class="field-validation-error" data-valmsg-for="Register.ConfirmPassword" data-valmsg-replace="true"><span class="" generated="true" for="Register_ConfirmPassword">Passwords do not match.</span></span>
    </div>

我觉得这一切都属于这个属性：数据-VAL-equalto-其他= “*。密码”

当我直接使用RegisterViewModel时，CompareAttribute工作正常。以前有人进过这个吗？这是一个错误还是我做错了什么？如何比较我的情况下的工作？

Answer 1

它应该与[Compare("Password", ErrorMessage = "Passwords do not match.")]属性一起使用，但它似乎是jquery.validate.unobtrusive.js文件中的一个错误。问题在于此代码：

adapters.add("equalto", ["other"], function (options) {
    var prefix = getModelPrefix(options.element.name),
        other = options.params.other,
        fullOtherName = appendModelPrefix(other, prefix),
        element = $(options.form).find(":input[name=" + fullOtherName + "]")[0];

    setValidationValues(options, "equalTo", element);
});

所以它试图用JQuery find方法找到另一个控件。但是“。” dot字符未在fullOtherName变量中转义（在您的情况下，它将包含："Register.Password"），如此SO question中所述。这就是为什么它只能直接使用RegisterViewModel的原因，因为名称中没有点。

要解决此问题，您需要在appendModelPrefix函数中添加一行：

//original
function appendModelPrefix(value, prefix) {
    if (value.indexOf("*.") === 0) {
        value = value.replace("*.", prefix);
    }
    return value;
}

//fixed
function appendModelPrefix(value, prefix) {
    if (value.indexOf("*.") === 0) {
        value = value.replace("*.", prefix);
    }
    value = value.split('.').join('\\.');
    return value;
}

Answer 2

非常好的回答，nemesv。

只为新手添加一件事：

function g(a,b){if(a.indexOf("*.")===0)a=a.replace("*.",b);return a}

变为

function g(a,b){if(a.indexOf("*.")===0)a=a.replace("*.",b);a=a.split('.').join('\\.');return a}

in .min.js

否则，当您发布时，错误会再次出现。

MVC3 CompareAttribute，客户端错误

2 个答案: