jqueryvalidate手册（用jquery.validate() 如何控制提交）怎么样

本文目录

用jquery.validate() 如何控制提交
如何使用jQuery的validate
jquery validate js怎么用的
jquery validate valid()方法一直返回true
jquery.validate.js 提交页面怎么不验证怎么做的
jquery validate 怎么验证单选框
jquery validate如何使用
jquery.validate验证是不是一定要button type=“submit“才能触发，在普通的按钮type=“button“中怎么触发验
Jquery validate校验如何根据校验结果的不同情况改变错误信息出现的位置

用jquery.validate() 如何控制提交

很简单。$(“#frmClient“).validate({ rules: { txtClientName: { required: true, minlength: 2 }, success: function(label) { onSave(); } });

如何使用jQuery的validate

默认校验规则(1)required:true 必输字段(2)remote:“check.php“ 使用ajax方法调用check.php验证输入值(3)email:true 必须输入正确格式的电子邮件(4)url:true 必须输入正确格式的网址(5)date:true 必须输入正确格式的日期(6)dateISO:true 必须输入正确格式的日期(ISO)，例如：2009-06-23，1998/01/22 只验证格式，不验证有效性(7)number:true 必须输入合法的数字(负数，小数)(8)digits:true 必须输入整数(9)creditcard: 必须输入合法的信用卡号(10)equalTo:“#field“ 输入值必须和#field相同(11)accept: 输入拥有合法后缀名的字符串（上传文件的后缀）(12)maxlength:5 输入长度最多是5的字符串(汉字算一个字符)(13)minlength:10 输入长度最小是10的字符串(汉字算一个字符)(14)rangelength:[5,10] 输入长度必须介于 5 和 10 之间的字符串“)(汉字算一个字符)(15)range:[5,10] 输入值必须介于 5 和 10 之间(16)max:5 输入值不能大于5(17)min:10 输入值不能小于10默认的提示messages: { required: “This field is required.“, remote: “Please fix this field.“, email: “Please enter a valid email address.“, url: “Please enter a valid URL.“, date: “Please enter a valid date.“, dateISO: “Please enter a valid date (ISO).“, dateDE: “Bitte geben Sie ein g眉ltiges Datum ein.“, number: “Please enter a valid number.“, numberDE: “Bitte geben Sie eine Nummer ein.“, digits: “Please enter only digits“, creditcard: “Please enter a valid credit card number.“, equalTo: “Please enter the same value again.“, accept: “Please enter a value with a valid extension.“, maxlength: $.validator.format(“Please enter no more than {0} characters.“), minlength: $.validator.format(“Please enter at least {0} characters.“), rangelength: $.validator.format(“Please enter a value between {0} and {1} characters long.“), range: $.validator.format(“Please enter a value between {0} and {1}.“), max: $.validator.format(“Please enter a value less than or equal to {0}.“), min: $.validator.format(“Please enter a value greater than or equal to {0}.“)},如需要修改，可在js代码中加入：jQuery.extend(jQuery.validator.messages, { required: “必选字段“, remote: “请修正该字段“, email: “请输入正确格式的电子邮件“, url: “请输入合法的网址“, date: “请输入合法的日期“, dateISO: “请输入合法的日期 (ISO).“, number: “请输入合法的数字“, digits: “只能输入整数“, creditcard: “请输入合法的信用卡号“, equalTo: “请再次输入相同的值“, accept: “请输入拥有合法后缀名的字符串“, maxlength: jQuery.validator.format(“请输入一个长度最多是 {0} 的字符串“), minlength: jQuery.validator.format(“请输入一个长度最少是 {0} 的字符串“), rangelength: jQuery.validator.format(“请输入一个长度介于 {0} 和 {1} 之间的字符串“), range: jQuery.validator.format(“请输入一个介于 {0} 和 {1} 之间的值“), max: jQuery.validator.format(“请输入一个最大为 {0} 的值“), min: jQuery.validator.format(“请输入一个最小为 {0} 的值“)});推荐做法，将此文件放入messages_cn.js中，在页面中引入《script src=“../js/messages_cn.js“ type=“text/javascript“》《/script》使用方式1.将校验规则写到控件中《script src=“../js/jquery.js“ type=“text/javascript“》《/script》《script src=“../js/jquery.validate.js“ type=“text/javascript“》《/script》《script src=“./js/jquery.metadata.js“ type=“text/javascript“》《/script》$().ready(function() { $(“#signupForm“).validate();});《form id=“signupForm“ method=“get“ action=““》《label for=“firstname“》Firstname《/label》《input id=“firstname“ name=“firstname“ class=“required“ /》《label for=“email“》E-Mail《/label》《input id=“email“ name=“email“ class=“email required“ /》《label for=“password“》Password《/label》《input id=“password“ name=“password“ type=“password“ class=“{required:true,minlength:5}“ /》《label for=“confirm_password“》确认密码《/label》《input id=“confirm_password“ name=“confirm_password“ type=“password“ class=“{required:true,minlength:5,equalTo:’#password’}“ /》《input class=“submit“ type=“submit“ value=“Submit“/》《/form》使用class=“{}“的方式，必须引入包：jquery.metadata.js可以使用如下的方法，修改提示内容：class=“{required:true,minlength:5,messages:{required:’请输入内容’}}“在使用equalTo关键字时，后面的内容必须加上引号，如下代码：class=“{required:true,minlength:5,equalTo:’#password’}“另外一个方式，使用关键字：meta（为了元数据使用其他插件你要包装你的验证规则在他们自己的项目中可以用这个特殊的选项）Tell the validation plugin to look inside a validate-property in metadata for validation rules.例如：meta: “validate“《input id=“password“ name=“password“ type=“password“ class=“{validate:{required:true,minlength:5}}“ /》再有一种方式：$.metadata.setType(“attr“, “validate“);这样可以使用validate=“{required:true}“的方式，或者class=“required“，但class=“{required:true,minlength:5}“将不起作用2.将校验规则写到代码中$().ready(function() { $(“#signupForm“).validate({ rules: { firstname: “required“, email: { required: true, email: true }, password: { required: true, minlength: 5 }, confirm_password: { required: true, minlength: 5, equalTo: “#password“ } }, messages: { firstname: “请输入姓名“, email: { required: “请输入Email地址“, email: “请输入正确的email地址“ }, password: { required: “请输入密码“, minlength: jQuery.format(“密码不能小于{0}个字符“) }, confirm_password: { required: “请输入确认密码“, minlength: “确认密码不能小于5个字符“, equalTo: “两次输入密码不一致不一致“ } } });});//messages处，如果某个控件没有message，将调用默认的信息《form id=“signupForm“ method=“get“ action=““》《label for=“firstname“》Firstname《/label》《input id=“firstname“ name=“firstname“ /》《label for=“email“》E-Mail《/label》《input id=“email“ name=“email“ /》《label for=“password“》Password《/label》《input id=“password“ name=“password“ type=“password“ /》《label for=“confirm_password“》确认密码《/label》《input id=“confirm_password“ name=“confirm_password“ type=“password“ /》《input class=“submit“ type=“submit“ value=“Submit“/》《/form》required:true 必须有值required:“#aa:checked“表达式的值为真，则需要验证required:function(){}返回为真，表时需要验证后边两种常用于，表单中需要同时填或不填的元素常用方法及注意问题1.用其他方式替代默认的SUBMIT$().ready(function() { $(“#signupForm“).validate({ submitHandler:function(form){ alert(“submitted“); form.submit(); } });});可以设置validate的默认值，写法如下：$.validator.setDefaults({ submitHandler: function(form) { alert(“submitted!“);form.submit(); }});如果想提交表单, 需要使用form.submit()而不要使用$(form).submit()2.debug，如果这个参数为true，那么表单不会提交，只进行检查，调试时十分方便$().ready(function() { $(“#signupForm“).validate({ debug:true });});如果一个页面中有多个表单，用$.validator.setDefaults({ debug: true})3.ignore：忽略某些元素不验证ignore: “.ignore“4.errorPlacement：Callback Default: 把错误信息放在验证的元素后面指明错误放置的位置，默认情况是：error.appendTo(element.parent());即把错误信息放在验证的元素后面errorPlacement: function(error, element) { error.appendTo(element.parent()); }

jquery validate js怎么用的

jquery.validate.js是jquery下的一个验证插件，功能比较强大

1、默认校验规则

(1)required:true 必输字段 (2)remote:“check.php“ 使用ajax方法调用check.php验证输入值 (3)email:true 必须输入正确格式的电子邮件 (4)url:true 必须输入正确格式的网址 (5)date:true 必须输入正确格式的日期 (6)dateISO:true 必须输入正确格式的日期(ISO)，例如：2009-06-23，1998/01/22 只验证格式，不验证有效性 (7)number:true 必须输入合法的数字(负数，小数) (8)digits:true 必须输入整数 (9)creditcard: 必须输入合法的信用卡号 (10)equalTo:“#field“ 输入值必须和#field相同 (11)accept: 输入拥有合法后缀名的字符串（上传文件的后缀） (12)maxlength:5 输入长度最多是5的字符串(汉字算一个字符) (13)minlength:10 输入长度最小是10的字符串(汉字算一个字符) (14)rangelength:[5,10] 输入长度必须介于 5 和 10 之间的字符串“)(汉字算一个字符) (15)range:[5,10] 输入值必须介于 5 和 10 之间 (16)max:5 输入值不能大于5 (17)min:10 输入值不能小于10

2、默认的提示

messages: { required: “This field is required.“, remote: “Please fix this field.“, email: “Please enter a valid email address.“, url: “Please enter a valid URL.“, date: “Please enter a valid date.“, dateISO: “Please enter a valid date (ISO).“, dateDE: “Bitte geben Sie ein g眉ltiges Datum ein.“, number: “Please enter a valid number.“, numberDE: “Bitte geben Sie eine Nummer ein.“, digits: “Please enter only digits“, creditcard: “Please enter a valid credit card number.“, equalTo: “Please enter the same value again.“, accept: “Please enter a value with a valid extension.“, maxlength: $.validator.format(“Please enter no more than {0} characters.“), minlength: $.validator.format(“Please enter at least {0} characters.“), rangelength: $.validator.format(“Please enter a value between {0} and {1} characters long.“), range: $.validator.format(“Please enter a value between {0} and {1}.“), max: $.validator.format(“Please enter a value less than or equal to {0}.“), min: $.validator.format(“Please enter a value greater than or equal to {0}.“) },

如需要修改，可在js代码中加入：

jQuery.extend(jQuery.validator.messages, { required: “必选字段“, remote: “请修正该字段“, email: “请输入正确格式的电子邮件“, url: “请输入合法的网址“, date: “请输入合法的日期“, dateISO: “请输入合法的日期 (ISO).“, number: “请输入合法的数字“, digits: “只能输入整数“, creditcard: “请输入合法的信用卡号“, equalTo: “请再次输入相同的值“, accept: “请输入拥有合法后缀名的字符串“, maxlength: jQuery.validator.format(“请输入一个长度最多是 {0} 的字符串“), minlength: jQuery.validator.format(“请输入一个长度最少是 {0} 的字符串“), rangelength: jQuery.validator.format(“请输入一个长度介于 {0} 和 {1} 之间的字符串“), range: jQuery.validator.format(“请输入一个介于 {0} 和 {1} 之间的值“), max: jQuery.validator.format(“请输入一个最大为 {0} 的值“), min: jQuery.validator.format(“请输入一个最小为 {0} 的值“) });

3、使用方法

1）将校验规则写到控件中

《script src=“../js/jquery.js“ type=“text/javascript“》《/script》《script src=“../js/jquery.validate.js“ type=“text/javascript“》《/script》《script src=“./js/jquery.metadata.js“ type=“text/javascript“》《/script》 $().ready(function() { $(“#signupForm“).validate(); }); 《form id=“signupForm“ method=“get“ action=““》《label for=“firstname“》Firstname《/label》《input id=“firstname“ name=“firstname“ class=“required“ /》《label for=“email“》E-Mail《/label》《input id=“email“ name=“email“ class=“required email“ /》《label for=“password“》Password《/label》《input id=“password“ name=“password“ type=“password“ class=“{required:true,minlength:5}“ /》《label for=“confirm_password“》确认密码《/label》《input id=“confirm_password“ name=“confirm_password“ type=“password“ class=“{required:true,minlength:5,equalTo:’#password’}“ /》《input class=“submit“ type=“submit“ value=“Submit“/》《/form》

2）将校验规则写到代码中

$().ready(function() { $(“#signupForm“).validate({ rules: { firstname: “required“, email: { required: true, email: true }, password: { required: true, minlength: 5 }, confirm_password: { required: true, minlength: 5, equalTo: “#password“ } }, messages: { firstname: “请输入姓名“, email: { required: “请输入Email地址“, email: “请输入正确的email地址“ }, password: { required: “请输入密码“, minlength: jQuery.format(“密码不能小于{0}个字符“) }, confirm_password: { required: “请输入确认密码“, minlength: “确认密码不能小于5个字符“, equalTo: “两次输入密码不一致不一致“ } } }); }); //messages处，如果某个控件没有message，将调用默认的信息《form id=“signupForm“ method=“get“ action=““》《label for=“firstname“》Firstname《/label》《input id=“firstname“ name=“firstname“ /》《label for=“email“》E-Mail《/label》《input id=“email“ name=“email“ /》《label for=“password“》Password《/label》《input id=“password“ name=“password“ type=“password“ /》《label for=“confirm_password“》确认密码《/label》《input id=“confirm_password“ name=“confirm_password“ type=“password“ /》《input class=“submit“ type=“submit“ value=“Submit“/》《/form》

jquery validate valid()方法一直返回true

我也遇到了这个问题，我的验证方法是这样写的，这个验证方法没有问题~（写的有点长，答案在最后）//验证重名function NameValid() {return $(“#userForm“).validate({rules: {UserName: {remote: {cache: false,async: false,url: “/UserManage/CheckUserName“,type: “post“,datatype: “json“,data: {userName: function () {return $(“#UserName“).val();},id: function () {return $(“#Id“).val();}},//dataFilter: function (data, type) { return data.result; }}}},messages: {UserName: {remote: “这个名字已经有人用过了“}}});}然后哩，我调用他： if (NameValid().form()){alert(“重名验证返回为True了！“)}else{alert(“重名验证返回为False了！“)}结果呢NameValid().form()一直为true，百思不得其解啊，就一直调试，结果发现NameValid()这个东东，他不等我控制器返回数据，就继续执行下去了（这个东东好像默认是true），为什么会这样呢？因为remote是异步执行的啊！异步验证！异步！所以现在要把它变成同步的，让他等待后台返回数据过来，再往下执行，综上所述，解决办法：给remote加上这两个参数（我在这里看到的：http://blog.csdn.net/w1014074794/article/details/39552715）remote: {cache: false,async: false,url: “/UserManage/CheckUserName“,

jquery.validate.js 提交页面怎么不验证怎么做的

我很懒，这是锋利的jquery的源代码，通过测试，你自己删着试试吧《!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN“ “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd“》《html》《head》《meta http-equiv=“Content-Type“ content=“text/html; charset=utf-8“ /》《title》《/title》《script src=“../../scripts/jquery-1.3.1.js“ type=“text/javascript“》《/script》《script src=“lib/jquery.validate.js“ type=“text/javascript“》《/script》《style type=“text/css“》* { font-family: Verdana; font-size: 96%; }label { width: 10em; float: left; }label.error { float: none; color: red; padding-left: .5em; vertical-align: top; }p { clear: both; }.submit { margin-left: 12em; }em { font-weight: bold; padding-right: 1em; vertical-align: top; }《/style》《script type=“text/javascript“》 $(document).ready(function(){ $(“#commentForm“).validate(); }); 《/script》《/head》《body》《form class=“cmxform“ id=“commentForm“ method=“get“ action=““》《fieldset》《legend》一个简单的验证带验证提示的评论例子《/legend》《p》《label for=“cusername“》姓名《/label》《em》*《/em》《input id=“cusername“ name=“username“ size=“25“ class=“required“ minlength=“2“ /》《/p》《p》《label for=“cemail“》电子邮件《/label》《em》*《/em》《input id=“cemail“ name=“email“ size=“25“ class=“required email“ /》《/p》《p》《label for=“curl“》网址《/label》《em》《/em》《input id=“curl“ name=“url“ size=“25“ class=“url“ value=““ /》《/p》《p》《label for=“ccomment“》你的评论《/label》《em》*《/em》《textarea id=“ccomment“ name=“comment“ cols=“22“ class=“required“》《/textarea》《/p》《p》《input class=“submit“ type=“submit“ value=“提交“/》《/p》《/fieldset》《/form》《/body》《/html》

jquery validate 怎么验证单选框

1、下载并导入js 《script src=“jquery.js“ type=“text/javascript“》《/script》《script src=“jquery.validate.js“ type=“text/javascript“》《/script》《script src=“jquery.metadata.js“ type=“text/javascript“》《/script》 2、初始化参数$.validator.setDefaults( { //验证成功后回调参数对象 submitHandler: function() {/ /回调方法 document.forms.submit(); //验证通过后提交 } } ); $.metadata.setType(“attr“, “validate“); //单选框、复选框，用validate设置//详细见单选复选例子$(“form“).validate({//绑定需要验证的form表单 //自定义参数对象 errorPlacement: function(error, element) {//设置错误提示消息位置，可选 error.appendTo($(element).parents(“td“)); }} ); 3、设定错误信息样式《style type=“text/css“》 label.error { color:red; display:block } 《/style》注意，样式名固定为label.error，样式内容可修改。 4、表单元素绑定验证绑定方法：class=”XXX”或xxx=”XXX”,例如《input name=“email“ class=“email“/》

jquery validate如何使用

一、使用Jquery.Validate进行验证方法$(document).ready(function () {$(“#pageForm“).validate({ rules: { DictKey: { required: true, maxlength: 10 }, DictContent: { required: true, maxlength: 10 } }, messages: { DictKey: { required: “不能为空“, maxlength: jQuery.format(“不能超过{0}个字符“) }, DictContent: { required: “不能为空“, maxlength: jQuery.format(“不能超过{0}个字符“) } }, submitHandler: function (form) { form.submit(); } })})DictKey ，DictContent：指需要验证的控件IDsubmitHandler ：指通过验证后运行的函数，里面写入表单要提交的函数，否则表单不会提交二、列出常用默认验证规则(1)required:true 必输字段(2)email:true 必须输入正确格式的电子邮件(3)url:true 必须输入正确格式的网址(4)date:true 必须输入正确格式的日期(5)dateISO:true 必须输入正确格式的日期(ISO)，例如：2009-06-23，1998/01/22 只验证格式，不验证有效性(6)number:true 必须输入合法的数字(负数，小数)(7)digits:true 必须输入整数(8)creditcard: 必须输入合法的信用卡号(9)equalTo:“#field“ 输入值必须和#field相同(10)accept: 输入拥有合法后缀名的字符串（上传文件的后缀）(11)maxlength:5 输入长度最多是5的字符串(汉字算一个字符)(12)minlength:10 输入长度最小是10的字符串(汉字算一个字符)(13)rangelength:[5,10] 输入长度必须介于 5 和 10 之间的字符串“)(汉字算一个字符)(14) equalLength:10 输入长度必须是10(14)range:[5,10] 输入值必须介于 5 和 10 之间(15)max:5 输入值不能大于5(16)min:10 输入值不能小于10 三、使用ajax方法验证输入值是否存在当文本框输入值时，或改变输入值时会自动到Server去验证输入值是否在数据库中存在JS代码如下： DictKey: { required: true, maxlength: 10, remote: { //验证用户名是否存在 type: “POST“, url: ’@Url.Content(“~/Account/Test/“)’ //servlet } },DictKey: { required: “不能为空“, maxlength: jQuery.format(“不能超过{0}个字符“),remote:“用户名已被注册“},Server端： [HttpPost] public JsonResult Test(string DictKey) //DictKey即要验证控件的ID值 { bool result; if (DictKey == “a“) { result = true; } else { result = false; } return Json(result); }根据Server端返回的True,False来决定验证是否通过四、非submit按钮结合Jquery.Form进行提交如果不是submit提交按钮，比如单击某个按钮触发表单验证，这时表单验证可用如下方式function validateForm() { //validate方法参数可选 return $(“#form1“).validate({ rules: { }, messages:{ } }).form(); } function doSubmit(){ //do other things //验证通过后提交 if(validateForm()){ form.submit() //这边可以结合Jquery.Form进行AjaxSubmit方式异步提交 $(“#UpdateForm“).AjaxSubmit (function(){ Alert(“AjaxForm提交完成”) }); } } 详细参考：http://blog.csdn.net/nmvbliy/article/details/8225945

jquery.validate验证是不是一定要button type=“submit“才能触发，在普通的按钮type=“button“中怎么触发验

不一定非要通过sumbit,还可以如下方式：Onubmit Boolean 默认:true 是否提交时验证 $(“.selector“).validate({ onsubmit:false }) onfocusout Boolean 默认:true 是否在获取焦点时验证 $(“.selector“).validate({ onfocusout:false }) onkeyup Boolean 默认:true 是否在敲击键盘时验证 $(“.selector“).validate({ onkeyup:false }) onclick Boolean 默认:true 是否在鼠标点击时验证（一般验证checkbox,radiobox） $(“.selector“).validate({ onclick:false }) focusInvalid Boolean 默认:true 提交表单后,未通过验证的表单(第一个或提交之前获得焦点的未通过验证的表单)会获得焦点 $(“.selector“).validate({ focusInvalid:false }) focusCleanup Boolean 默认:false 当未通过验证的元素获得焦点时,并移除错误提示（避免和 focusInvalid.一起使用） $(“.selector“).validate({ focusCleanup:true }) －－－－－－－－－－－－－－另外：也可以自已根据情况处理例如：把验正封装成一个函数，就可以随时调用了function needvalidate(){ $(“#aspnetform“).validate({。。。。});}说明：这只是其中的一小部分功能，JQuery的验正功能和JQuery一样强大，好好研究吧！

Jquery validate校验如何根据校验结果的不同情况改变错误信息出现的位置

jquery-validate插件如何下载和引入到项目中，这里不做详细介绍了。首先看下一个测试的页面验证效果
《!DOCTYPE html》
《html》
《head》
《meta charset=“utf-8“》
《title》用户信息《/title》
《script src=“../js/jquery-validation/jquery.min.js“》《/script》
《script src=“../js/jquery-validation/jquery.validate.min.js“》《/script》
《script src=“../js/jquery-validation/messages_zh.js“》《/script》
《script src=“../js/jquery-validation/additional-methods.js“》《/script》
《script》
$().ready(function() {
$(“#userInfoForm“).validate({
rules: {
username: {
required: true,
minlength: 2
},
age: {
required: true,
digits:true
},
email: {
required: true,
email: true
}
},
messages: {
username: {
required: “请输入用户名“,
minlength: “用户名必需由两个字母组成“
},
age: {
required: “请输入年龄“,
digits: “必须输入整数“
},
email: “请输入一个正确的邮箱“
}
});
});
《/script》
《style》
.error{
color:red;
}
《/style》
《/head》
《body》
《form id=“userInfoForm“ method=“post“ action=““》
《fieldset》
《legend》用户基本信息《/legend》
《p》
《label for=“username“》用户名《/label》
《input id=“username“ name=“username“ type=“text“》
《/p》
《p》
《label for=“age“》年龄《/label》
《input id=“age“ name=“age“ type=“text“》
《/p》
《p》
《label for=“email“》Email《/label》
《input id=“email“ name=“email“ type=“email“》
《/p》
《p》
《input class=“submit“ type=“submit“ value=“提交“》
《/p》
《/fieldset》
《/form》
《/body》
《/html》
打开浏览器测试页面，然后点击提交按钮，可以看到表单右侧出现红色的错误提示信息
2
以上测试页面都是使用自带的默认校验规则
提供的默认校验规则
required:true必须输入的字段。
remote:“check.do“使用ajax方法调用check.do验证输入值。
email:true必须输入正确格式的电子邮件。
url:true必须输入正确格式的网址。
date:true必须输入正确格式的日期
dateISO:true必须输入正确格式的日期（ISO），如：2017-09-17，2017/09/17。只验证格式，不验证有效性。
number:true必须输入合法的数字（负数，小数）。
digits:true必须输入整数。
creditcard:必须输入合法的信用卡号。
equalTo:“#field“输入值必须和 #field 相同。
accept:输入拥有合法后缀名的字符串（上传文件的后缀）。
maxlength:5输入长度最多是 5 的字符串（汉字算一个字符）。
minlength:10输入长度最小是 10 的字符串（汉字算一个字符）。
rangelength:[5,10]输入长度必须介于 5 和 10 之间的字符串（汉字算一个字符）。
range:[5,10]输入值必须介于5和10之间。
max:5 输入值不能大于5。
min:10 输入值不能小于10。
例如例子中姓名使用了required必填校验和minlength最小2个字符限制，年龄字段使用digits校验必须是整数，邮箱使用了email格式
3
如果我们想让姓名只能输入中文，默认的校验规则不符合要求，则需要添加自定义的校验规则。
$.validator.addMethod(“validateName“, function(value, element) {
var v_regex=/^[\u4E00-\u9FA5]+(?:·[\u4E00-\u9FA5]+)*$/;
value=““+value;
if(value){
if(!v_regex.test(value)){
return false;
}else{
return true;
}
}else{
return null;
}
}, “请正确填写您的姓名“);
自定义添加的验证规则建议添加到additional-methods.js文件中
4
在页面验证规则上添加validateName: true
username: {
required: true,
minlength: 2,
validateName: true
}
添加之后，页面的用户名表单，如果不填写中文，验证就通过不了
5
验证的默认触发方式onsubmit，onfocusout，onkeyup，onclick，focusInvalid上，有时候不想在每次按键的时候触发验证，就需要将onkeyup设置为false，因为如果是远程验证规则，onkeyup会在每次输入一个字符的时候，触发一个远程请求，会浪费很多请求资源
6
在validate参数中如图的位置添加
onkeyup:false
可以关闭onkeyup触发验证
其它的触发验证修改方式，和onkeyup方式一样，可以根据需要进行设置修改

声明：本文版权归原作者所有，转载文章仅为传播更多信息之目的，如作者信息标记有误，请第一时间联系我们修改或删除，谢谢。