如何将数据注释验证添加到表单中的动态元素?

时间:2017-02-25 17:36:26

标签: javascript c# asp.net-mvc data-annotations

我的表单中有一个链接“添加电话号码”点击此链接我想动态添加textbox最多(15)max。如何使用{验证这一点每个data annotation {1}}并将文本框的值保存到数据库中?

我是否需要为数据库中的所有文本框保留15个条目?

1 个答案:

答案 0 :(得分:0)

型号:

Public class UserInfo
{

 //You can have all other form properties here

 [MaxLength(15)]
 [DisplayName("PhoneNumber")]
 public string PhoneNumber {get;set;}

}

控制器:

public ActionResult Add(UserInfo model) {
  If(ModelState.IsValid) {
       Make a database call and pass model to database.
    }
}

查看:

@model UserInfo

@{
   ViewBag.Title = "Add User";
   Layout = "~/Views/Shared/_Layout.cshtml";
}
<form method="post" style="margin: 5% 0 0">
  <div class="float-left">
     <p>Name</p>
     <p>Address</p>
     <p>PhoneNumber</p>
  </div>
  <div class="float-right">
     <input type="text" style="margin: 1px 0 2px" name="name" value="@Model.Name" /><br />
     <input type="text" style="margin: 1px 0 2px" name="address" value="@Model.Address" /><br />
     <input type="text" style="margin: 1px 0 2px" name="phonenumber" 
          value="@Model.Address" />
     />
 <br />
     <input type="submit" value="Save" />
  </div>
</form>