jquery validate 让普通按钮 代替 submit 来激发表单验证

Question

jquery validate 当中，我想自定义一个普通按钮来代替submit来激发验证，如何实现。

Answer 1

//校验字段是否正确 
function check(){ 
// 联系电话(手机/电话皆可)验证 
jQuery.validator.addMethod("isPhone", function(value,element) { 
  var mobile = /^(((13[0-9]{1})|(15[0-9]{1}))+\d{8})$/; 
  var tel = /^\d{3,4}-?\d{7,9}$/; 
  return this.optional(element) || (tel.test(value) || mobile.test(value)); 
}, "请正确填写您的联系电话"); 
/*关键在这儿，返回的是一个validate对象，这个对象有一个form方法，返回的是是否通过验证*/ 
return $("#addDeptForm").validate({ 
rules:{ 
dname:{ 
required:true, 
maxlength: 15, 
minlength: 2 
}, 
tel:{ 
required:true, 
isPhone: true 
} 
}, 
messages:{ 
dname:{ 
required:"名称不能为空", 
minlength: "名称长度不能少于2位", 
maxlength: "名称长度不能大于15位" 
}, 
tel:{ 
required:"联系方式不能为空", 
} 
} 

}); 
} 

$(function(){ 

$("#addBut").click(function(){ 
if(!check().form()) return; 
var data = formToRequestString($("#addDeptForm").get(0)); 
$.ajax({ 
type: "POST", 
url: "dept.do?method=addHandler", 
data: data, 
dataType: 'text', 
success: function(msg){ 
//alert(msg); 
var msg = eval("("+msg+")"); 
if(msg.result == "success"){ 
$("#addDeptForm").get(0).reset(); 
} 

alert(msg.msg); 
}, 
error: function(){ 
alert("无法连接数据库"); 
} 
}); 
}); 
});