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

这里是修真院前端小课堂，每篇分享文从

【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】

八个方面深度解析前端知识/技能。

大家好，我是IT修真院武汉分院web吴三水，一枚正直纯洁善良的web程序员。

今天给大家分享一下，修真院官网js（职业）任务十，深度思考中的知识点：

【有哪些常见的验证表单方式，他们各自的优缺点是什么？】

1.背景介绍

表单验证是javascript中的高级选项之一。

表单数据一般都通过浏览器端的Javascript 验证。浏览器端的验证速度快，若有不符合要求的输入，响应信息快速的返回给用户。由于验证数据不需要提交给服务器，不会加重服务器的负载。

2.知识剖析

什么是表单验证？表单验证的作用

访问任何一个带注册表单的网站，你都会发现，当你提交没有输入任何信息的表单时，注册页面都会给你提交一个反馈，它告诉你提交了错误的数据，这些信息可能看起来像下面这样的：

“该字段是必填的”（该字段不能留空）

“请输入你的电话号码，它的格式是：xxx-xxxx”（它要求你输入的数据格式为三个数字接一个横杠，然后再接着是四个数字）

“请输入一个合法的邮箱地址”（如果你输入的数据不具有“somebody@example.com“的邮箱格式）

“你的密码长度应该是8至30位的，并且至少应该包含一个大写字母、一个符号以及一个数字”

这就是表单验证 —— 当你向 Web 应用提交数据时，应用会校验你输入的数据是否是正确的。如果验证通过&