Asp.net mvc 3 MVC3 CompareAttribute,客户端错误

Asp.net mvc 3 MVC3 CompareAttribute,客户端错误,asp.net-mvc-3,validation,passwords,compare,Asp.net Mvc 3,Validation,Passwords,Compare,我正在使用MVC3,我想在同一页上有登录表单和注册表单。为此,我构建了LogInRegisterViewModel,如下所示: public class LogInRegisterViewModel { public LogInViewModel LogIn { get; set; } public RegisterViewModel Register { get; set; } } 它提供了我想要的(同一屏幕上的两个表单),并将数据发布到正确的控制器,返回并显示表单的错误(如

我正在使用MVC3,我想在同一页上有登录表单和注册表单。为此,我构建了LogInRegisterViewModel,如下所示:

public class LogInRegisterViewModel
{
    public LogInViewModel LogIn { get; set; }
    public RegisterViewModel Register { get; set; }
}
它提供了我想要的(同一屏幕上的两个表单),并将数据发布到正确的控制器,返回并显示表单的错误(如果有)。我唯一的问题是我的RegisterViewModel中的CompareAttribute具有上述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>

密码
确认密码
密码不匹配。
我有一种感觉,这一切都与这个属性有关: 数据值equalto other=“*.Password”


当我直接使用RegisterViewModel时,CompareAttribute工作得很好。以前有人来过吗?是虫子还是我做错了什么?如何使比较在我的案例中起作用?

它应该使用
[Compare(“Password”,ErrorMessage=“Passwords 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方法查找另一个控件。但是,“
字符不会在fullOtherName变量中转义(在您的情况下,它将包含:
”Register.Password“
),如本节所述。这就是为什么只直接使用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;
}

回答得很好,内梅斯夫

对于新手来说,只有一件事需要补充:

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


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

即使此修复程序也有自己的错误。Javascript“.replace”只替换“.”的第一个实例,而忽略其余实例。在复杂模型中,任何具有多个周期的属性都将遭受与原始代码相同的命运。要修复它,应该使用:value=value.split('.').join('\\.');