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){
}
验证的函数写完了,当文档加载时候一直运行就行了。
});