在web开发中，往往会需要对用户输入的内容进行合法的校验，防止用户输入的内容无效等存入数据库意义不大还浪费资源。比如某些网站在注册过程中身份证号码是否合法、电话号码是否填完整、邮箱格式是否正确。下面就介绍一种强大的表单验证插件，jquery validate 插件为表单提供了强大的验证功能，让客户端表单验证变得更简单，同时提供了大量的定制选项，满足应用程序各种需求。该插件捆绑了一套有用的验证方法，包括 URL 和电子邮件验证，同时提供了一个用来编写用户自定义方法的 API。

jquery validate 有一套自己的校验规则，这些网上查资料都会有，下面截图展示下它自己的校验规则

validate校验规则

首先要先导入这三个js到你的项目里面，然后在页面添加引用进去

• jquery.js
• jquery.validate.min.js
• messages_zh.js

一般来说validate的实现方式有两种，下面分别介绍下着两种不容的实现方式：

1. 将校验规则写到控件中，代码实例如下图

方式一

2.将校验规则写到外部 js 代码中，页面和js分别如下图

页面代码

外部Js代码

上面两种不同的方式都是在点击提交按钮的时候才会触发校验。个人觉得jquey validate功能是比较强大的，我这里只是介绍了其中的冰上一角而已，如果你想了解的更多可以去官网上查阅更多API。欢迎大家提出你的意见或建议哈。