表单验证是web开发当中比较常用的一块,同时也是比较复杂的一块,使用angularJS的ngMessage模块可以很容易的实现灵活的表单验证功能。
ngMessage的基本用法就不说了,可自行参考文档,这里说几个文档里面没有的又经常会遇到的问题的解决办法。
1.对于ngRepeat循环出来的表单元素如何应用表单验证?
有时表单元素不是静态的,而是通过一个scope中的数组循环出来的,比如填写房间入住人信息,可能会有多个房间,所以要填写多个入住人信息,
通常会用一个数组来存储每个房间的入住人信息,这就需要用一个ngRepeat循环来显示表单:
执行以上代码,会发现程序不能正确执行。因为ngMessage需要表单元素有一个name属性,但是ngRepeat循环出来的name属性都一样