通过 DataAnnotations 进行 ASP.Net MVC 验证

Question

我关注了 scottgu 的博客 这里并尝试进行数据验证。成功了。然而，我看到的是，如果我的字段是必填字段，那么一旦我从文本框中失去焦点，我就会收到错误。我希望仅在单击“提交”时才进行验证。

Answer 1

该文章是关于使用客户端验证，因此您可以在客户端验证表单。因此，当您失去焦点时，jquery 会验证表单！

一种方法是使用服务器端验证。在这种情况下，您将刷新页面。

更新：

这是示例代码。
模型：

public class GuestForm
    {
        [Required(ErrorMessage="Please enter your name")]
        public string Name { get; set; }

        [Required(ErrorMessage="Please enter your phone number")]
        public string Phone { get; set; }

        [Required(ErrorMessage="Please enter your email address")]
        public string Email { get; set; }

        [Required(ErrorMessage = "Please enter your choice")]
        public bool? YesNo { get; set; }
    }

表单：

<div>
<% using(Html.BeginForm()) { %>
    <%= Html.ValidationSummary() %>
    Name: <%= Html.TextBoxFor(x => x.Name) %><br/>
    Email: <%= Html.TextBoxFor(x => x.Email) %><br/>
    Phone: <%= Html.TextBoxFor(x => x.Phone) %><br/>
    Will you attend?
    <%= Html.DropDownListFor(x => x.YesNo, new[] {
      new SelectListItem { Text = "Yes",Value = bool.TrueString },
      new SelectListItem { Text = "No",Value = bool.FalseString }
      }, "Choose...") %><br/>
   <input type="submit" value="Register!" />
<% } %>
</div>

控制器：

        [HttpGet]
        public ViewResult RegisterForm()
        {
            return View();
        }

        [HttpPost]
        public ViewResult RegisterForm(GuestForm form)
        {
            if (ModelState.IsValid)
                return View("Thanks", form);
            else
                return View();
        }

当用户单击“提交”时，此代码将看到您的表单在服务器端得到验证。
它将以列表的形式将错误消息显示在表单顶部。

我希望这对你有帮助。