将数据注释验证与jquery验证混合使用时,ASP.net MVC验证失败
|
我有一个非常简单的示例,尝试在MVC3中将数据注释与不引人注目的JavaScript结合使用:
模型:
public class RegisterModel {
[Required]
public string EmailAddress { get; set; }
[Required]
public string FirstName { get; set; }
}
控制器:
public class HomeController : Controller {
public ActionResult Index() {
return View(new RegisterModel());
}
[HttpPost]
public ActionResult Index(RegisterModel model) {
return View(model);
}
}
视图:
@model RegisterModel
<script src=\"@Url.Content(\"~/Scripts/jquery-1.5.1.min.js\")\" type=\"text/javascript\"></script>
<script src=\"@Url.Content(\"~/Scripts/jquery.validate.min.js\")\" type=\"text/javascript\"></script>
<script src=\"@Url.Content(\"~/Scripts/jquery.validate.unobtrusive.min.js\")\" type=\"text/javascript\"></script>
@using( Html.BeginForm(\"Index\", \"Home\", FormMethod.Post, new { id = \"mainForm\" } ) ) {
@Html.EditorFor( m => m.FirstName)<br/>
@Html.ValidationMessageFor( m => m.FirstName)<br/>
@Html.EditorFor(m => m.EmailAddress)<br/>
@Html.ValidationMessageFor(m => m.EmailAddress)<br/>
<input type=\"submit\" value=\"Submit\" />
}
一切正常。当我在表单为空时单击“提交”按钮时,它将阻止我提交。它输出简洁的javascript并进行客户端验证。我想进行一些远程验证,以确保未使用电子邮件地址,因此在视图中添加了以下内容:
<script type=\"text/javascript\">
$(\"#mainForm\").validate({
rules: {
EmailAddress: {
email: true,
remote: {
url: \"@Url.Action(\"CheckForValidEmail\")\",
type: \"post\"
}
}
},
messages: {
EmailAddress: {
email: \"You must provide a valid e-mail address.\",
remote: jQuery.format(\"The email {0} is already in use.\")
}
}
});
</script>
添加此代码后,我的验证就会停止工作。我认为这是因为我将数据注释验证与jquery验证混合在一起。
如果我从模型中删除[Required]属性并将其添加到脚本中,则一切正常:
FirstName: { required: true },
EmailAddress: { required: true, email: true, remote ... }
一切正常。
我是否必须放弃简洁的javascript验证才能使用此远程验证?有没有一种方法可以使用不引人注目的JavaScript进行远程验证?
没有找到相关结果
已邀请:
1 个回复
车料
以及对“ 7”的“ 6”动作:
现在,您不再需要编写任何JavaScript。