发表于: 2016-12-11 01:33:27
3 1756
今天完成的事情:
1.使用正则完成新增页面的表单验证;
2.修改提交时的提示消息;
明天计划的事情:
1.参加院庆;
2.完成所有的验证;
3.图片上传接口调试;
4.清除和搜索功能;
遇到的问题:
1.对正则的理解不是很深,写的时候不是很清晰,又学习一波,完成0.01到99.99的正则;
2.在checkbox中,获取非false和true的变量值;
收获:
1. 表单状态返回
$dirty | 表单有填写记录 |
$valid | 字段内容合法的 |
$invalid | 字段内容是非法的 |
$pristine | 表单没有填写记录 |
;
2.ng 验证方式
验证是否已输入文字,只需在标签上加上required:
<input type="text" ng-model="user.name" required />
验证至少输入{number}个字符,使用指令ng-minlength=“{number}”:
<input type="text" ng-model="user.name" ng-minlength="5" />
验证至多输入{number}个字符,使用指令ng-maxlength=“{number}”:
<input type="text" ng-model="user.name" ng-maxlength="20" />
确保输入匹配一个正则表达式,使用指令ng-pattern="/PATTERN/":
<input type="text" ng-model="user.name" ng-pattern="/a-zA-Z/" />
验证输入是一个Email,设置input的type属性为email:
<input type="email" name="email" ng-model="user.email" />
验证输入是一个数字,设置input的type属性为number:
<input type="number" name="number" ng-model="user.age" />
验证输入是一个URL,设置input的type属性为url
<input type="url" name="homepage" ng-model="user.weburl" />
;
评论