MVC 远程验证（唯一的电子邮件地址）

Question

我目前正在处理用户输入其电子邮件地址的注册页面。 我希望每封电子邮件都是独一无二的。

这是我的 RegisterModel 的一部分：

    [Required()]
    [System.Web.Mvc.Remote("IsUserEmailAvailable", "Account")]
    [EmailAddress()]
    [DataType(DataType.EmailAddress)]
    [Display(Name = "Email")]
    public string Email { get; set; }

..

这是我的帐户控制器的一部分：

    public JsonResult IsUserEmailAvailable(string UserEmail)
    {
        return Json(!db.UserProfiles.Any(User => User.UserName == UserEmail),       JsonRequestBehavior.AllowGet);
    }

这是我的看法：

<script src="~/Scripts/jquery-1.7.1.min.js" type="text/javascript"></script>
<script src="~/Scripts/jquery.validate.min.js" type="text/javascript"></script>
<script src="~/Scripts/jquery.validate.unobtrusive.min.js" type="text/javascript"></script>


<hgroup class="title">
    <h1>Create Account</h1>
</hgroup>

@using (Html.BeginForm()) {
    @Html.AntiForgeryToken()
    @Html.ValidationSummary()

    <fieldset>
        <legend>Registration Form</legend>
        <ol>
            <li>
                @Html.LabelFor(m => m.UserName)
                @Html.TextBoxFor(m => m.UserName)
            </li>
            <li>
                @Html.LabelFor(m => m.Password)
                @Html.PasswordFor(m => m.Password)
            </li>
            <li>
                @Html.LabelFor(m => m.ConfirmPassword)
                @Html.PasswordFor(m => m.ConfirmPassword)
            </li>
            <li>
                @Html.LabelFor(m => m.Email)
                @Html.TextBoxFor(m => m.Email)
            </li>
            <li>
                @Html.LabelFor(m => m.ConfirmEmail)
                @Html.TextBoxFor(m => m.ConfirmEmail)
            </li>
        </ol>
        <input type="submit" value="Registrera" />
    </fieldset>
}

@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")
}

如果我删除 [System.Web.Mvc.Remote("IsUserEmailAvailable", "Account")] 一切都很好，除了电子邮件地址不会是唯一的。有了它，当我按下提交时，什么也没有发生。

我错过了什么吗？

Answer 1

@Daniel J.G.是正确的。向函数添加 [AllowAnonymous] 使其可访问。

Answer 2

您可以设置 MVC 控制器操作并使用 jquery 即时查询它。这是一篇解释如何做到这一点的文章（建议它用于自动完成文本框，但理论是相同的）：How Do I Create an Auto-Complete TextBox?

我很想看看您提出的完成这项任务的解决方案。

Answer 3

[Remote] 属性非常有限，要求属性名称与控制器动作中的参数名称相同。

• 您的资源被命名为Email，如public string Email { get; set; }

• 您的操作有一个名为UserEmail 的参数，如IsUserEmailAvailable(string UserEmail)

这不起作用，因为远程验证最终会发送一个请求来验证字段，例如：

Account/IsUserEmailAvailable?Email=foo

其中Email 是属性的名称。实际上，它是呈现的 html 输入字段的名称属性。这可能是嵌套模型的问题，其中名称类似于NestedModel.Email，但幸运的是，这不是您的情况。 （例如见this question）

因此，您的验证方法将 UserEmail 接收为 null（因为请求包含一个名为 Email 的参数），这可能会导致请求失败。 （您是否在浏览器中检查了控制台以查看 ajax 请求是否失败？）

由于两个名称应该匹配，您可以更新您的控制器操作，以便将参数命名为 Email：

public JsonResult IsUserEmailAvailable(string Email)
{
    ...
}

希望对你有帮助！