发表于: 2017-03-15 23:18:31
1 929
今天完成的事情:
1、今天将任务8问题再处理了一下,没有找到原因,但大致的解决办法想到了,用过滤器修改
2、经任务10的样式完成了
3、将任务6的表单验证完成了,用了ng-message
明天计划的事情:
1.继续任务10的表单验证,学习一下富文本编辑器
遇到的问题:
ng-pattern="[A-Za-z0-9\u4e00-\u9fa5]"正则表达式报错,这里是匹配英文、中文和数字
收获:
表单验证可以用angular-message这个外部模块解决
首先需要在angular.module注入模块“ngMessages”,
在form表单命名name属性为login,input框为text,在input下面插一个div,其中ng-messages="login.text.$error"
input框设置最大长度ng-maxlength="16",那么在div里面加一个p标签
<p class="error" ng-message="maxlength">不能超过16个字符</p>
input框设置最小长度ng-minlength="4",那么在div再加一个p标签
<p class="error" ng-message="minlength">不能少于4个字符</p>
当输入小于4大于16是,input框下面会动态显示一行提示文字,效果如下:
评论