Question

推荐一款十分好用的客户端表单输入校验插件，JQuery的validate插件：

Answer 1

我们知道表单验证的数据最终都是要提交到服务器上的，那么服务器是不是宁缺毋滥，无论用户输入的表单信息是正确的还是错误的，都不作任何判断，都毫无遗漏地存到服务器上？

答案当然是只需要保留用户输入的正确数据，而用户输入的那一部分错误表单信息，通通过滤掉，而validate插件的存在就是让表单的输入的错误信息数据止步于客户端这一端，到服务器的这条路上它会说此路不通，不会让错误的表单输入数据也上传到服务器上当宝进行保存，避免浪费空间。

比如用户明明输入的是一些乱七八糟的特殊字符，不合法的输入，客户端提交了数据之后，等待服务器来进行检验，进而服务器这边马不停蹄地开始干活，把一个错误信息的反馈给客户端。

这样明知道服务器返回来的是失败结果反馈，还非要往服务器跑一趟，不仅浪费用户的带宽还浪费了用户的等待时间，这是一种十分不好的体验。

所以我们十分有必要让表单输入验证止步于客户端，只有客户端检验通过后，才上传到服务器上，这样服务器拿到的就是正确的表单输入，进而保存起来。

官网：

版本解释：常用的是开发版本、带min的是经过压缩的发布版本

JQuery官网：

选择链接右键另存为

值得注意的是引入文件的顺序：必须是jquery3.6.js语法最先引入，jquery.validate.js插件次之。

表单验证效果图预览：

validate插件常用的rules规则表：