表单验证错误UI通知

时间:2014-02-25 21:04:13

标签: asp.net-mvc twitter-bootstrap validation asp.net-mvc-5

我觉得我在理解中遗漏了一些东西。

<div class="form-group">
     @Html.TextBoxFor(m => m.FirstName, new { @class = "form-control" })   
     @Html.ValidationMessageFor(m => m.FirstName, null)
</div>

我有Form字段,我想执行服务器验证(所以如果模型无效,我会检索相同的页面,MVC框架让我暗示无效的字段)我在bootstrap中看到我可以使用如果出现错误,则标记字段的“has-error”。

如果出现错误,如何设置div类? 做一些像(伪代码)

的事情
<div class="form-group @Model.IsValid=false : "has-error" ">

如何告诉剃刀使用正确的错误标记设置字段,以便bootstrap将其显示为错误字段?

1 个答案:

答案 0 :(得分:0)

这发生在控制器中,

假设您当前的视图是Index,它被称为

public ActionResult Index()
{
  return View("Index", new MyModel());
}

并假设你有一个动作,它接收序列化的表格作为模型,然后你点击提交。

public ActionResult SaveInput(MyModel model)
{
  if(!ModelState.IsValid)
    return View("Index", model);
}

您的模型的属性必须使用一些ValidationAttribute

进行修饰
[MyValidationAttribute]
public string FirstName {get; set;}

就是这样,如果某些属性的验证失败,验证字段会自动填充:)