发表于: 2017-06-30 21:26:06
1 1022
今天完成的事情:
今天十分痛苦的套了两个插件,看英文的API文档看成狗。不过总算是弄明白了插件轮子的用法。
我的网页上,基本上功能都实现了,图片上传,富文本编辑器,套上了。上线下线编辑做了。
差样式响应式没写,还有表单验证的东西没有写,逻辑基本上弄明白了
明天计划的事情:
明天继续任务10的表单验证,也是任务10的重点。写完之后改改样式,整理整理代码,我的任务也可以完成了
遇到的问题:
轮子一开始套不上,后来问了腾波大佬,问题都解决了,今天看了项目代码,学习了一下写法,把注入的东西都写在app那一页启动。
收获:
学会了angular-file-upload和ueditor两个插件的使用
说实话,套轮子也是一门学问,我套轮子都套不明白,真的是有点说不过去了,主要是API文档都是英文,真的费劲,恶补英语吧
常用的表单验证指令
1. 必填项验证
某个表单输入是否已填写,只要在输入字段元素上添加HTML5标记required即可:
复制代码 代码如下:
<input type="text" required />
2. 最小长度
验证表单输入的文本长度是否大于某个最小值,在输入字段上使用指令ng-minleng= "{number}":
复制代码 代码如下:
<input type="text" ng-minlength="5" />
3. 最大长度
验证表单输入的文本长度是否小于或等于某个最大值,在输入字段上使用指令ng-maxlength="{number}":
复制代码 代码如下:
<input type="text" ng-maxlength="20" />
4. 模式匹配
使用ng-pattern="/PATTERN/"来确保输入能够匹配指定的正则表达式:
复制代码 代码如下:
<input type="text" ng-pattern="/[a-zA-Z]/" />
5. 电子邮件
验证输入内容是否是电子邮件,只要像下面这样将input的类型设置为email即可:
复制代码 代码如下:
<input type="email" name="email" ng-model="user.email" />
6. 数字
验证输入内容是否是数字,将input的类型设置为number:
复制代码 代码如下:
<input type="number" name="age" ng-model="user.age" />
7. URL
验证输入内容是否是URL,将input的类型设置为 url:
复制代码 代码如下:
<input type="url" name="homepage" ng-model="user.facebook_url" />
评论