发表于: 2017-05-06 21:47:13
0 1053
今天完成的事情:
继续研究原型和原型链,现在理解的更深入了,尤其是__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.更多讨论
有哪些好用的表单验证插件。
评论