首页 > 代码库 > validator检验(代码)

validator检验(代码)

--------------异步判断数据是否存在----------------------------

$.validator.addMethod("isInfoExist", function(value, element) {  
        var id= $("#id").val();
        var isExist = false;
        $.ajax({
            url : WEB_ROOT + ‘/nihao/nihao.do‘,
            data : {
            ‘ren.name‘ : name
        },
        async : false,
        dataType : ‘json‘,
        success : function(response) {
            if (response)
                isExist = response.isExist; //后台传回一个布尔变量
        }
        });
        return isExist;
    }, "已存在!");

----------------------添加新的判断方法-----------------------------
    $.validator.addMethod("isExist", function(value, element) {
        var name = $("#name").val();
        var isExist = false;
        if(name==""){
            isExist=false;
        }else{isExist = true;};
        return isExist;
    }, "此处报错误信息!");

---------------validator中通过AJAX实现表单提交----------------------

    var options  = {
        url:$("#form").attr(‘action‘),
        type:‘post‘,
        dataType : ‘json‘,
        success:function(data){
        $(document.body).popMsg({
            msg : "添加成功!",                    //弹出提示信息
            confirm : function() {
            window.location.href = http://www.mamicode.com/WEB_ROOT +"/nihao/nihao.jsp";  //跳转jsp页面
        },
         close : function() {
          window.location.href = http://www.mamicode.com/WEB_ROOT +"nihao.jsp";
        }
        });
    },
    error:function(data){
        $(document.body).popMsg({
            msg : "添加失败!",
            confirm : function() {

        }
        });
    }
    };

var validator = $("#form").validate({   //此处是绑定form表单 id

------------------------实现表单ajax提交--------------------------------------------
        submitHandler : function(form){
        $(form).ajaxSubmit(options);
    },

------------------------------------------------------------------------------------


    ‘rules‘ : {                                   // 定义验证规则


          ‘ren.id‘ : {     // 控件jsp中 实体name
            required : true,                //validator有很多自带属性 required 表示非空
           isInfoExist:true      //自定义方法
        },
       ‘ren.name‘ : {
            required : true,
           isExist:true         
        },
    },

--------------------判断提示信息------------------------------
    messages : {


          ‘ren.id‘ : {                                      // 控件jsp中 实体name
            required : "请填写id",
        },
       ‘ren.name‘ : {
            required : "请填写name",
        },  
    },

----------------------提示信息位子------------------------------
    errorPlacement : function(error, element) {
        if (element.is(":radio"))
            error.appendTo(element.parent());
        else if (element.is(":checkbox"))
            error.appendTo(element.parent());
        else if (element.is("input[name=captcha]"))
            error.appendTo(element.parent());
        else
            error.insertAfter(element);
    },

----------------------成功之后清空提示信息追加right样式(可以添加图片)------------------------------
    success : function(label) {
        label.html(" ").addClass("right");
    },
    error : function() {
    }
    });

validator检验(代码)