使用Asp.net MVC进行Angularjs和服务器端验证的客户端验证

时间:2016-09-28 14:43:52

标签: angularjs asp.net-mvc

我在Asp.net MVC中使用Angularjs。由于我是Angularjs的新手,我在使用MVC时遇到了一些问题。目前我想验证表格。我正在使用 -

1.对于客户端:Angularjs

2.对于服务器端:

  • 使用数据注释的Asp.net MVC默认验证技术。
  • 将在表单提交后检查ModelState IsValid。

ModelState.IsValid 仅在每个html元素的name标记与我的模型的属性名称完全相同时才起作用。

当使用带有angularjs的MVC时,是否有任何其他方式进行服务器端验证,因为当我们有一个充满控件的大表单时,我们必须注意每个元素,以便名称标签与我的相应属性名称保持相同模型。

我的Html:

 public class StudentModel
    {
        public int Id { get; set; }

        [Required]
        public string Name { get; set; }

        [RegularExpression(@"/^\d{0,9}(\.\d{1,9})?$/")]
        public long MobileNumber { get; set; }

        [RegularExpression("^[a-zA-Z0-9_\\.-]+@([a-zA-Z0-9-]+\\.)+[a-zA-Z]{2,6}$")]
        public string EmailAddress { get; set; }

        [Required]
        public string Address { get; set; }
    }

学生模特:

<script src="..." async></script>

1 个答案:

答案 0 :(得分:0)

而不是

 input class="form-control" name="Name" 

你可以使用

 @Html.TextBoxFor(r=>r.Name)

通过这种方式,你不会关心名字。 IntelliSense将为您完成所有工作。