清除回发/错误上的字段-具有DataType属性验证的MVC

Question

在我的ResetPassword操作上，我试图清除回发时的电子邮件和密码字段，例如发生错误时。 我尝试使用ModelState.Clear() ，但是问题是某些错误永远不会发回到操作中

如：

“密码必须至少包含6个字符。”

“密码和确认密码不匹配。”

我相信这是由于@Scripts.Render("~/bundles/jqueryval")和/或模型DataType属性@Scripts.Render("~/bundles/jqueryval")

ResetPassword视图如下：

@model TestGame.ViewModels.ResetPasswordViewModel
@{
    ViewBag.Title = "Reset password";
}

<h2>@ViewBag.Title</h2>

@using (Html.BeginForm("ResetPassword", "Account", FormMethod.Post, new { @class = "form-horizontal", role = "form", autocomplete="off" }))
{
    @Html.AntiForgeryToken()
    <h4>Reset your password</h4>
    <hr />
    @Html.ValidationSummary("", new { @class = "text-danger" })
    @Html.HiddenFor(model => model.Code)
    <div class="form-group">
        @Html.LabelFor(m => m.Email, new { @class = "col-md-2 control-label" })
        <div class="col-md-10">
            @Html.TextBoxFor(m => m.Email, new { @class = "form-control", @autofocus = "autofocus" })
        </div>
    </div>
    <div class="form-group">
        @Html.LabelFor(m => m.Password, new { @class = "col-md-2 control-label" })
        <div class="col-md-10">
            @Html.PasswordFor(m => m.Password, new { @class = "form-control" })
        </div>
    </div>
    <div class="form-group">
        @Html.LabelFor(m => m.ConfirmPassword, new { @class = "col-md-2 control-label" })
        <div class="col-md-10">
            @Html.PasswordFor(m => m.ConfirmPassword, new { @class = "form-control" })
        </div>
    </div>
    <div class="form-group">
        <div class="col-md-offset-2 col-md-10">
            <input type="submit" class="btn btn-default" value="Reset" />
        </div>
    </div>
}

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

并且ResetPasswordViewModel如下：

public class ResetPasswordViewModel
{
    [Required]
    [EmailAddress]
    [Display(Name = "Email")]
    public string Email { get; set; }

    [Required]
    [StringLength(100, ErrorMessage = "The {0} must be at least {2} characters long.", MinimumLength = 6)]
    [DataType(DataType.Password)]
    [Display(Name = "Password")]
    public string Password { get; set; }

    [DataType(DataType.Password)]
    [Display(Name = "Confirm password")]
    [Compare("Password", ErrorMessage = "The password and confirmation password do not match.")]
    public string ConfirmPassword { get; set; }

    public string Code { get; set; }
}

Answer 1

我不知道您为什么要清除这些字段。 这样做会让那些不得不再次键入所有内容的用户感到烦恼。 但是，如果您仍然想要这样做，请继续阅读。

您提到的不发回的错误是验证错误，这些错误在客户端处理。 因此，在这种情况下，要清除字段，您将需要一些JavaScript代码。 您将需要执行以下操作之一：

• 编写自己的客户端验证JavaScript，然后使用自定义验证将其附加到您的字段中。

• 修改客户端验证的JavaScript。 不建议这样做，但是可以。

• 通过添加将在验证之后立即运行的其他JavaScript函数来破解客户端验证的JavaScript。 在浏览器中运行页面，查看生成的源代码，然后在底部附近搜索JavaScript验证。