发表于: 2016-12-11 01:33:27

3 1760


今天完成的事情:

           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" />


服务器地址



返回列表 返回列表
评论

    分享到