发表于: 2017-03-15 23:18:31

1 928


今天完成的事情:

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框下面会动态显示一行提示文字,效果如下:


返回列表 返回列表
评论

    分享到