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; } , '请正确填写手机号码!');