jquery validate表单验证

大致讲解下使用方法,先写个大致的结构:

$('#biaoge').validate({

var valid={

submitHander:function(form){

//这里添加表格提交的函数

},

onfocusout::function(element){//鼠标离开进行单个验证

$(element).valid();

},

ignore:'.ignore',//不需要验证验证的加这个类名

onkeyup:false,

rules:{//这里是验证的规则

name1:{//表单输入中对应的name值

requireed:true,

isEmpty:false,

isXXXX:自己添加的正则表达式,

remote:{//这个是通过向后台发送的请求,返回布尔值,进行ajax验证

type:"get",

url:'XXXX',

data:{//向后台发送的数据

username:function(){

return $(#name1).val();

}

}

}

},

name2省略

message:{//这里是不满足的时候提示信息

name1:{

remote:"用户名重复"

},

name2:{

required:'请输入XXXX‘

},

errorElement:'span',

errorPlcacement:function(error,element){

},

success:function(label,element){

},

hightlight:function(element,erroClass,validClass){

},

unhightlight:function(element,erroClass,validClass){

}

验证的函数写完了,当文档加载时候一直运行就行了。

});

原文地址:https://www.cnblogs.com/sweeeper/p/7095476.html