发表于： 2017-03-15 23:52:14
2 1169
【JS-task10】比较常用表单验证方式
1.背景介绍
客户端表单验证的几种方法
- 利用H5自带的表单验证属性
- 利用js代码
- 利用js第三方插件
- 何时进行验证
2.知识剖析
何时进行验证
H5自带的表单验证属性
在点击提交时进行本地验证链接
利用手工js代码
if/switch，或者正则表达式，+DOM操作
缺点：代码量大，耗时多
优点：相比于第三方库，可以减少加载的js文件大小，样式灵活
如果网站的表但很少，或者格式简单，或者对性能的要求高，可以手工写
利用js第三方插件
优点：全站适用，手工代码量少
缺点：有可能加重服务器负担，样式相对固定
3.常见问题
- 通常有哪些常见的验证条件
4.解决方案
- 是否为空（必填/选填）
- 字符长度（用户名，密码，姓名，电话，邮编，身份证）
- 大小写
- 标点，符号
- 是否支持中文
- 格式（邮箱，手机，银行卡）
- 两次密码链接
5.编码实战
6.扩展思考
- 不同角度（用户体验，用户群体，性能，美观度）为主导的设计方式，选用的验证方式也不尽相同
7.参考文献
https://reg.jd.com/reg/person?ReturnUrl=http%3A%2F%2Fwww.jd.com
http://jnshu.com/login/1
https://www.amazon.cn/
https://www.web-tinker.com/article/20781.html
http://validform.rjboy.cn/demo.html
http://wenku.baidu.com/link?url=vBbA5Dhyuf8OLXjtf2-jFmOsgOgKaMPDT-kEoeKxB_HlALWTKZqlSRuO-tYQLqLTx3c40n562sHIolndM9XDyXpmsT-JFROhcwXoED0iRta
8.更多讨论
有哪些好用的表单验证插件。谢谢观看
Contact GitHub API Training Shop Blog About © 2016 GitHub, Inc. Terms Privacy Security Status He
链接稍后
今日完成：
1了解任务6需求以及相关知识。
》什么是单页面应用：
单页应用是指在浏览器中运行的应用，它们在使用期间不会重新加载页面。像所有的应用一样，它旨在帮助用户完成任务，比如“编写文档”或者“管理Web服务器”。可以认为单页应用是一种从Web服务器加载的富客户端。http://blog.csdn.net/zuoninger/article/details/38842823
》关于REST风格
REST即表述性状态传递（英文：Representational State Transfer，简称REST）
与Web Service是并列的关系。
》Web开发技术的发展可以粗略划分成以下几个阶段：
静态内容阶段--CGI程序阶段----脚本语言阶段----瘦客户端阶段----RIA应用阶段----移动WEB应用阶段
》简单看了下angular Js的文档。
类库 - 类库是一些函数的集合，它能帮助你写WEB应用。起主导作用的是你的代码，由你来决定何时使用类库。类库有：jQuery等
2 明日计划
看一下其它师兄的任务日报，然后开始做任务6。
浏览一下angular的文档。
问题：收获
通过小课堂了解了表单验证的几种时机，了解了关于MVC，框架的一点基本知识。
返回列表
评论