将数据注释验证与jquery验证混合使用时，ASP.net MVC验证失败

如何解决将数据注释验证与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进行远程验证？     

解决方法

是的，问题出在您将另一个验证处理程序附加到与jquery非干扰式验证附加的表单冲突的形式这一事实。 为此，您可以使用Remote属性：

public class RegisterModel {
    [Required]
    [Remote(\"CheckForValidEmail\",\"Home\")]
    public string EmailAddress { get; set; }

    [Required]
    public string FirstName { get; set; }
}

以及对“ 7”的“ 6”动作：

public ActionResult CheckForValidEmail(string emailAddress)
{
    if (repository.IsValid(emailAddress))
    {
        // If you return a JSON string the model will be considered
        // invalid and this string will be used as error message
        return Json(
            string.Format(
                \"The email {0} is already in use.\",emailAddress
            ),JsonRequestBehavior.AllowGet
        );
    }
    // Return true to indicate that the email address is valid
    return Json(true,JsonRequestBehavior.AllowGet);
}

现在，您不再需要编写任何JavaScript。