发表于: 2017-06-30 21:26:06

1 1023


今天完成的事情:

今天十分痛苦的套了两个插件,看英文的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" />



返回列表 返回列表
评论

    分享到