Asp.net mvc 3 MVC3 CompareAttribute,客户端错误
我正在使用MVC3,我想在同一页上有登录表单和注册表单。为此,我构建了LogInRegisterViewModel,如下所示: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; } } 它提供了我想要的(同一屏幕上的两个表单),并将数据发布到正确的控制器,返回并显示表单的错误(如
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('\\.');