jQuery Validate插件捆绑了一组有用的验证方法，包括URL和电子邮件验证，并为编写用户定义的方法提供了一个API。默认情况下，所有绑定方法都使用英语作为错误消息，并且已经被翻译成37种其他语言。

第1部分：jQuery验证让验证变得非常容易。

1.官网下载jquery和jquery验证插件2。文件被导入。

脚本src=' http : js/jquery-1 . 8 . 0 . min . js ' type=' text/JavaScript '/script script src=' http : js/jquery . validate . js ' type=' text/JavaScript '/script第三，声明下面的HTML片段。

form action=' id=' jvForm ' name : input type=' text ' name=' username ' id=' username ' class=' required '/Password br : inputtype=' Password ' name=' Password ' id=' Password ' class=' required '/Brin put type=' submit ' value=' submit '/form通过上面的代码，你会发现我们在每个输入中都添加了class=' required '，它的作用是在输入标签为空时提示用户。最后，我们需要为我们的框架找到一个切入点。

脚本类型=' text/JavaScript ' $(function(){ $(' # jvForm '))。validate()；})/脚本运行如下。

当然，提示信息默认为英文，可以根据需要在jquery.validate.js中修改。

第2部分：jQuery验证让验证变得非常容易。

在前面的示例中，我们统一引用了jquery.validate.js，因此所有必填字段的提示信息都是“此字段为必填字段”。现在需要改成动态提示。例如，如果名称为空，提示名称不能为空，如果密码为空，提示密码不能为空。这一次，我们将在代码中写入验证规则，或者先介绍文件。

脚本src=' http : js/jquery-1 . 8 . 0 . min . js ' type=' text/JavaScript '/script script src=' http : js/jquery . validate . js ' type=' text/JavaScript '/script接下来，声明下面的HTML片段。

action=' id=' JV form ' name : input type=' text ' name=' username ' id=' username '/Br password : input type=' password ' name=' password ' id=' password '/Br input type=' submit ' value=' submit '/与之前的表单相比，没有class='required '。最终检查规则如下：

$(function(){ $(' # jvorm '))。validate({ rule s : { username 3360 { required d : true }，password 3360 { required d 3360 true })、message s : { username : { required d 3360 }名称不能为空。}，password: {required: '密码不能为空！' } } });})操作效果如下。

第3部分：jQuery验证让验证变得非常容易。

下面的代码简单演示了jQuery Validation，包括必需的项目、字符长度、格式验证和文件导入。

script src=' http : js/jquery-1 . 8 . 0 . min . js ' type=' text/JavaScript '/script script src=' http : js/jquery . validate . js ' type=' text/JavaScript '/script ii。声明HTML片段。

Action=' ' id=' JV form '用户名：输入类型=' text ' name=' username '/Br密码：输入类型=' password ' name=' password ' id=' password '/Br确认密码：输入类型=' password ' name=' confirm _ password '/Br籍贯：选择名称=' address '选项值=' '-/选项值=' 1 '北京/选项值=' 1 '上海/选项值='1 '深圳/选项/select/br错误提示样式。

style type=' text/CSS ' label . error { font-size :12 px；font-weight:正常；color: # ff0511边距-left :10 px；}/风格四。验证码。

脚本类型=' text/JavaScript ' $(function(){ $(' # jvForm ')).验证({规则s : {用户名： }//用户名必填至少3位required: true，minlength: 3 }，password: { //密码必填至少6位required: true，minlength: 6 }，confirm_password: { //密码确认required: true，equalTo: '#password' }，address: { //出生地必填required: true }，mobile: { //手机必填验证格式required: true，mobile: true }，email: { //email必填验证格式required: true，email: true }，}，messages : { username : { required : '用户名不能为空!'，minlength: '用户名至少三位!'}，password: { required: '密码不能为空!'，minlength: '密码至少六位!'}，confirm _ password : {必需的d : '密码确认不能为空!',等于： '两次输入密码不一致!'}，address: { required: '请选择出生地!'，}，mobile: { required: '手机不能为空!'，mobile: '手机格式不正确，}，email: { required: '邮箱不能为空！email: '邮箱格式不正确', }, } });})/脚本因为jquery.validate.js中没有可动的验证，所以需要自己增加一个首先找到信息在里面添加可动的如下：

消息{ required: '此字段为必填字段，remote: '请修复此字段，电子邮件："请输入有效的电子邮件地址“，url:”请输入有效的url，”,日期："请输入有效的日期。",日期ISO: "请输入有效的日期（国际标准化组织)。",数字："请输入一个有效的数字“，mobile:”请填写正确的手机号码.',数字： '请只输入数字，信用卡："请输入有效的信用卡号。",等于："请再次输入相同的值”，maxlength : $。验证器。格式('请输入不超过{0}个字符)，最小长度：美元。验证器。格式('请至少输入{0}个字符)，范围长度： $。验证器。格式('请输入长度介于{0}和{1}个字符之间的值。'),范围： $.validator.format('请输入一个介于{0}和{1}之间的值.)，max: $.validator.format('请输入一个小于或等于{0}的值)，min: $.validator.format('请输入大于或等于{0}的值。) } 然后在方法中添加可动的的正则校验

mobile:函数（值，元素){返回this.optional(元素)|| /^1[3|4|5|8][0-9]d{8}$/.测试（值);} 运行效果

以上就是为大家展示的jQuery验证插件为表单提供了强大的验证功能，希望大家喜欢。