首页 » JavaScript » 有哪些常见的验证表单方式,他们各自的优缺点是什么?

有哪些常见的验证表单方式,他们各自的优缺点是什么?

原文 http://blog.csdn.net/jnshu_it/article/details/77108310

2017-08-12 11:20:02阅读(675)

一.背景介绍

表单验证是javascript中的高级选项之一。JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证,以减轻后台数据传送压力,提高数据传送的质量和效率

二.知识剖析

表单验证的作用

用户是否已填写表单中的必填项目?

用户输入的邮件地址是否合法?

用户是否已输入合法的日期?

用户是否在数据域(numeric field) 中输入了文本?

如何使用表单验证

1.利用手工js代码

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

缺点:代码量大,耗时多

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

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

2.利用js第三方插件

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

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

三.常见问题

表单验证有那几种方式

四.解决方案

1.输入时进行实时验证(.keydown)

采用了ng-message的表单验证,使用$touched,实时的反馈验证情况

有哪些常见的验证表单方式,他们各自的优缺点是什么?

有哪些常见的验证表单方式,他们各自的优缺点是什么?

最新发布

CentOS专题

关于本站

5ibc.net旗下博客站精品博文小部分原创、大部分从互联网收集整理。尊重作者版权、传播精品博文,让更多编程爱好者知晓!

小提示

按 Ctrl+D 键,
把本文加入收藏夹