MVC3 CompareAttribute，客户端bug

我正在使用MVC3，我希望在同一页上有登录表单和注册表单。为了实现这个目标我建LogInRegisterViewModel如下：MVC3 CompareAttribute，客户端bug

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

它给我我想要的（在同一屏幕上两种形式），并发布到正确的控制器，并返回数据，并显示错误的方式（如果有的话）。我唯一的问题是CompareAttribute，我有以上ConfirmPassword财产在我RegisterViewModel：

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-其他= “*密码”

CompareAttribute工作正常，当我使用RegisterViewModel直。任何人都曾经进入过这个？这是一个错误还是我做错了什么？如何比较在我的情况下工作？

来源

2011-12-04 Michal B.

它应该与[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查找方法找到其他控件。但是“。” 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; 
}

来源

2011-12-04 16:20:21 nemesv

工程就像一个魅力，谢谢。 –

即使此修复程序也有它自己的错误。 Javascript“.replace”只替换了“。”的第一个实例。并忽略其余。在复杂模型中，任何具有多个期间的财产都将遭受与原始代码相同的命运。要修复它，你应该使用：value = value.split（'。'）。join（'\\。'）; –

@NickBork很好抓:)。我已经更新了我的答案。 – nemesv

很好的答案，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}

在.min.js

否则当您发布，错误回来。

来源

2014-02-01 23:00:01

MVC3 CompareAttribute，客户端bug

回答

相关问题