通过类验证表单，jQuery表单验证不是空的。
在系统的开发过程中，往往需要有某种形式的数据，如果使用jQuery进行ID验证，不仅会影响效率，而且会被遗漏，不易维护。本章将介绍如何通过配置表单来使用jQuery来验证类（id页面只能使用一次；类可以被多次引用）。
1：添加类输入，名称可以随意设置，但每个输入的需求是一致的，和案例类设置为nonull本章。（如果输入具有阶级属性，它可以直接加入后）
2：添加一个属性输入，可后来通过jQuery得到场作为一个暗示。本章案例提示notnull。
3：通过jQuery遍历页面中所有的类nonull形式，验证它是否为空，如果是空的，空的提示获得notnull领域。
要指定如何设置，请参考以下情况。本章描述输入、广播、选择、复选框等类型。
全名：
性别：
男性的
女性的
年龄：
请选择
一
二
利益uff1a
玩球
唱
跳舞
保存
功能bubmi（）{
$（。nonull）。每个（函数（）{）
变量名= $（this）。Attr（名称）；
如果（$）（这个）（= { ）
警报（$（this）。Attr（'notnull '）+不能为空）；return false；
}
如果（$（this）。Attr（类）= =无线电）{
如果（$（）输入name++（大小< 1））{
警报（$（this）。Attr（'notnull）+不能为空！；
返回false；
}
}
如果（$（this）。Attr（类）= =复选框）{
如果（$（输入{名称=+姓名+}：检查），大小（）＜1）{
警报（$（this）。Attr（'notnull）+不能为空！；
返回false；
}
}
}）
}
这是jquery.validate.js验证插件
jquery.validate.js是jQuery验证插件。在jQuery的帮助下，我们可以快速验证一些常见的输入并扩展我们自己的验证方法。
例如，有这样一种形式：
验证一个完整的表单
名
姓
用户名
密码
确认密码
电子邮件
在这种形式下，姓名，姓名，用户名，密码，确认密码，和电子邮件。他们都是非空的，和电子邮件需要在正确的地址、密码和确认密码。使用jQuery验证最简单的方法是引入两个js文件jquery.js jQuery validation.js.and然后将类添加到输入，即：
下面列出验证的默认验证
要求：必填字段
远程：请修复此字段
电子邮件：请输入正确格式的电子邮件。
请输入合法的网站。
日期：请输入合法日期
DateISO：请输入合法的日期（ISO）。
编号：请输入合法号码。
数字：只能输入整数。
信用卡：请输入合法的信用卡号码。
等于：请输入相同的值了。
接受：请输入具有合法后缀名的字符串
Maxlength：jquery.format（请输入一个字符串，{ 0 }最多），
最大长度：jquery.format（请输入一个字符串至少{ 0 }长度在），
rangelength：jquery.format（请输入{ 0 }和{ 1 }之间的字符串），
范围：jquery.format（请输入{ 0 }和{ 1 }之间的值），
马克斯：jquery.format（请输入一个{ 0 } 最大值），
民：jquery.format（请输入一个最小的{ 0 }值）
然后，在文档的读取事件中，添加以下方法：
$（文档）Ready（函数（）{）
$（# signupform ）验证（）；
}
这样，当表单提交时，它将根据输入指定的类进行验证。如果失败，表单的提交将被阻止。同时，输入后面显示提示信息。
但是，这并不是很好，因为验证规则入侵我们的HTML代码。另一个方法是使用规则。我们用类删除输入的验证。然后修改文档的事件响应代码：
$（文档）Ready（函数（）{）
$（# signupform （{验证）。
规则：{
名：所需的
姓：所需的
用户名：必需
密码：必需
confirm_password：{
要求：真实，
等于：#密码
}，
电子邮件：{
要求：真实，
电子邮件：真
}
}
}）；
}）
这样，也可以达到同样的效果。
然后，下一个问题是错误提示的显示是默认的，我们需要使用自定义提示：
$（文档）Ready（函数（）{）
$（# signupform （{验证）。
规则：{
名：所需的
姓：所需的
用户名：必需
密码：必需
confirm_password：{
要求：真实，
等于：#密码
}，
电子邮件：{
要求：真实，
电子邮件：真
}
}，
信息：{
名：所需的
姓：所需的
用户名：必需
密码：必需
confirm_password：{
要求：必需
等于：密码不一致
}，
电子邮件：{
要求：必需
电子邮件：格式错误
}
}
}）；
}）
如果您还想在错误消息上显示特殊样式（比如红色字体），可以添加：
# signupform { label.error
左：16px填充；
左：2px保证金；
颜色：红色；
背景：URL（IMG /泛滥。GIF）没有重复0px 0px；
}
继续添加输入密码长度的验证规则：
$（文档）Ready（函数（）{）
$（# signupform （{验证）。
规则：{
名：所需的
姓：所需的
用户名：必需
密码：{
要求：真实，
最大长度：4，
Maxlength：15
}，
confirm_password：{
要求：真实，
等于：#密码
}，
电子邮件：{
要求：真实，
电子邮件：真
}
}，
信息：{
名：所需的
姓：所需的
用户名：必需
密码：{
要求：必需
最大长度：jquery.format（密码长度不小于{ 0 }点）
Maxlength：jquery.format（密码长度不超过{ 0 }点）
}，
confirm_password：{
要求：必需
等于：密码不一致
}，
电子邮件：{
要求：必需
电子邮件：格式错误
}
}
}）；
}）
使用远程
可以通过事件触发方式指定（Keyup可选值（每个键）、模糊（当控件失去焦点），不只是在指定的时间内提交按钮触发）
$（文档）Ready（函数（）{）
$（# signupform （{验证）。
事件：KeyUp模糊| |
}）
}）
如果表单不能通过指定调试为true来提交，那么它只能用于验证（默认是提交），并且可以用于调试。
$（文档）Ready（函数（）{）
$（# signupform （{验证）。
调试：真
}）
}）
如果你需要提交之前做一些自定义的处理，使用submithandler参数
$（文档）Ready（函数（）{）
$（# signupform （{验证）。
submithandler：函数（）{
警报（）；
}
}）
}）