之前的写法:
$(function(){
$("#cell").validate({
rules: {
new_phone : {
required : true,
minlength : 11,
isMobile : true
},
},
messages: {
new_phone : {
required : "请输入手机号",
minlength : "不能小于11个字符",
isMobile : "请正确填写手机号码"
}
},
});
})
改进之后:
//编写表单验证函数phoneValidate,在按钮点击事件内调用验证函数对象
function phoneValidate(){
/*关键在此增加了一个return,返回的是一个validate对象,这个对象有一个form方法,返回的是是否通过验证(true,false)*/
return $("#cell").validate({
rules: {
new_phone : {
required : true,
minlength : 11,
isMobile : true
},
},
messages: {
new_phone : {
required : "请输入手机号",
minlength : "不能小于11个字符",
isMobile : "请正确填写手机号码"
}
},
});
}
//注册表单验证 (可用可不用)
$(validform());
按钮点击:
$("#btn").click(function(){
if(phoneValidate().form()) {
//通过表单验证,以下编写自己的代码
} else {
//校验不通过,什么都不用做,校验信息已经正常显示在表单上
}
});