发表于: 2017-05-06 21:47:13

0 1052


今天完成的事情:

继续研究原型和原型链,现在理解的更深入了,尤其是__proto__prototype

后台页面内容管理时间插件完成了,其他功能也实现了一些;

听蚊子等的项目方案审核和李婷等的项目资格审核汇报;

明天计划的事:

继续做后台页面内容管理功能部分,完成后做模块管理部分;

遇到的问题:

暂无;

收获:

小课堂分享,表单验证相关的知识:

1.背景介绍

客户端表单验证的几种方法

利用HTML5自带的表单验证属性

利用js代码

利用js第三方插件

何时进行验证

2.知识剖析

2.1何时进行验证

1) 输入时进行实时验证(.onchange) 如京东注册

2) 退出焦点时验证(.onblur) 如修真院官网

3) 提交表单时进行本地验证 如亚马逊登录

2.2HTML5自带的表单验证属性

在点击提交时进行本地验证链接

2.3利用手工js代码

if/switch,或者正则表达式,+DOM操作

缺点:代码量大,耗时多

优点:相比于第三方库,可以减少加载的js文件大小,样式灵活

如果网站的表但很少,或者格式简单,或者对性能的要求高,可以手工写

2.4利用js第三方插件

优点:全站适用,手工代码量少

缺点:有可能加重服务器负担,样式相对固定

3.常见问题

通常有哪些常见的验证条件

4.解决方案

4) 是否为空(必填/选填)

5) 字符长度(用户名,密码,姓名,电话,邮编,身份证)

6) 大小写

7) 标点,符号

8) 是否支持中文

9) 格式(邮箱,手机,银行卡)

10) 两次密码

5.编码实战

6.扩展思考

不同角度(用户体验,用户群体,性能,美观度)为主导的设计方式,选用的验证方式也不尽相同

7.参考文献

8.更多讨论

有哪些好用的表单验证插件。



返回列表 返回列表
评论

    分享到