from表单校验插件 validate 实例

时间:2023-03-09 13:23:45
from表单校验插件  validate 实例
$("#nextSubmit").click(function(){
$("#recovePasswordForm").submit();
}); $("#upCaptcha").click(function(){
changeImg();
});
$("#recovePasswordForm").validate({
submitHandler:function(form){
$.ajax({
type: "GET",
data:{"phone":$("#mobilePhone").val(),"verifyCode":$("#verifyCode").val(),"recovePassword":"1"},
dataType: 'json',
url: $("#phoneExistFlag").val(),
success: function(response){
var data = response[0];
if(data.isPhoneExist){
$('[name="sessionKey"]').val(data.sessionKey);
form.submit();
}else{
if(data.passMessageFlag != ""){
if(data.passMessageFlag.indexOf("验证码")>=0){
$("#message2").html(data.passMessageFlag).attr("class","error");
$("#verifyCode").val("");
changeImg();
}else{
$("#message1").html(data.passMessageFlag).attr("class","error");
}
}
}
},
error:function(response){
$.msg.alert("系统繁忙,给您带来的不便敬请谅解!");
}
});
},
rules:{
mobilePhone:{required:true,minlength:11,cRegex: true},
verifyCode:{required:true,minlength:3}
},
messages:{
mobilePhone:{required:"请输入手机号码!",minlength:"手机号码输入不全,请检查!"},
verifyCode:{required:"请输入验证码!",minlength:"验证码输入错误,请您重新输入!"}
},errorElement: "span", //可以用其他标签,记住把样式也对应修改
errorClass : "error_error",
success: function(label) {
//label指向上面那个错误提示信息标签em
label.removeClass().addClass("success"); //加上自定义的success类
label.html("");//清空错误提示消息
}
});
$.validator.addMethod("cRegex",function (value,element) {
var isRegex = commValiCellphone(value);
return this.optional(element) || isRegex;
} , '请正确填写手机号码!');