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

 

posted @ 2018-05-03 13:51  超神之巅  阅读(347)  评论(0编辑  收藏  举报