jqueryvalidate,jqueryvalidate手册

jquery validate 自定义验证怎么用

你自己设置验证规则，然后把验证规则放在一个函数里面，添加一个自定义验证方法名就行了。例如：

创新互联专注于企业全网营销推广、网站重做改版、大祥网站定制设计、自适应品牌网站建设、HTML5、商城网站建设、集团公司官网建设、外贸网站制作、高端网站制作、响应式网页设计等建站业务，价格优惠性价比高，为大祥等各大城市提供网站开发制作服务。

jQuery.validator.addMethod("idCardValidate", function(value, element) {

return this.optional(element) || idCardValidate(value);

}, "请正确输入您的身份证号码");

“idCardValidate”这就是jquery validate自定义验证的方法名；

idCardValidate(value)这个就是你验证规定的函数，函数返回true或者false

jquery validate 自定义验证 怎么用

jquery validate自定义验证需要实现以下方法：

jQuery.validator.addMethod("验证名", function(value, element) {验证规则}

回调方法自带的两个参数分别为对应控件的value值和该控件的dom元素。

具体实现参考下面的例子：

//检测手机号是否正确  

jQuery.validator.addMethod("isMobile", function(value, element) { 

var length = value.length;  

var regPhone = /^1([3578]\d|4[57])\d{8}$/;  

return this.optional(element) || ( length == 11  regPhone.test( value ) );    

}, "请正确填写您的手机号码");

自定义验证规则的使用和默认规则是一样的：

rules:{

name:{

required:true,

minlength:2,

maxlength:10

},

tel:{

required:true,

minlength:7,

maxlength:11,

isMobile:true

}

}

如何使用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：指需要验证的控件ID

submitHandler ：指通过验证后运行的函数，里面写入表单要提交的函数，否则表单不会提交

二、列出常用默认验证规则

(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提交完成”)

});

}

}

jquery.validate不用submit提交，用js提交的，怎么触发验证啊？

用 button.click提交。

举例如下：

$("#form").validate();

$("#btn).click(function(){

if($("#form").valid()){

$("#form").submit();

}

});

jQuery Validate 插件为表单提供了强大的验证功能，让客户端表单验证变得更简单，同时提供了大量的定制选项，满足应用程序各种需求。

该插件捆绑了一套有用的验证方法，包括 URL 和电子邮件验证，同时提供了一个用来编写用户自定义方法的 API。所有的捆绑方法默认使用英语作为错误信息，且已翻译成其他 37 种语言。

扩展资料

query-validate 插件

基本用法：

1、页面中引入js依赖，因为validate是依赖jquery的需要先引入jquery。

2、表单校验，首先得有一个表单，即form标签，然后由于浏览器是通过name属性来提交表单数据的，所以需要给校验的控件都加上name属性。

rules里每个控件可以给多个验证方式，常用的有：

1、required 必填验证元素。

2、minlength(length) maxlength(length)。

3、rangelength(range)设置最小长度、最大长度和长度范围 [min,max]。

4、min(value) max(value) range(range) 设置最大值、最小值和值的范围。

5、email() 验证电子邮箱格式。