征服.刘华强 2012-09-25 15:58
浏览 281
已采纳

jquery validate 让普通按钮 代替 submit 来激发表单验证

jquery validate 当中
我想自定义一个普通按钮来代替submit来激发验证,如何实现。

  • 写回答

2条回答 默认 最新

  • tongxinjiang 2012-09-25 21:13
    关注

    //校验字段是否正确
    function check(){
    // 联系电话(手机/电话皆可)验证
    jQuery.validator.addMethod("isPhone", function(value,element) {
    var mobile = /^(((13[0-9]{1})|(15[0-9]{1}))+\d{8})$/;
    var tel = /^\d{3,4}-?\d{7,9}$/;
    return this.optional(element) || (tel.test(value) || mobile.test(value));
    }, "请正确填写您的联系电话");
    [color=red] /*关键在这儿,返回的是一个validate对象,这个对象有一个form方法,返回的是是否通过验证*/[/color]
    return $("#addDeptForm").validate({
    rules:{
    dname:{
    required:true,
    maxlength: 15,
    minlength: 2
    },
    tel:{
    required:true,
    isPhone: true
    }
    },
    messages:{
    dname:{
    required:"名称不能为空",
    minlength: "名称长度不能少于2位",
    maxlength: "名称长度不能大于15位"
    },
    tel:{
    required:"联系方式不能为空",
    }
    }

            });
        }
    
        $(function(){
    
            $("#addBut").click(function(){
                if(!check().form()) return;
                var data = formToRequestString($("#addDeptForm").get(0));
                $.ajax({
                    type: "POST",
                    url: "dept.do?method=addHandler",
                    data: data,
                    dataType: 'text',
                    success: function(msg){
                        //alert(msg);
                        var msg = eval("("+msg+")");
                        if(msg.result == "success"){
                            $("#addDeptForm").get(0).reset();
                        }
    
                        alert(msg.msg);
                    },
                    error: function(){
                        alert("无法连接数据库");
                    }
                });
            });
        });
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

悬赏问题

  • ¥30 vmware exsi重置后登不上
  • ¥15 易盾点选的cb参数怎么解啊
  • ¥15 MATLAB运行显示错误,如何解决?
  • ¥15 c++头文件不能识别CDialog
  • ¥15 Excel发现不可读取的内容
  • ¥15 关于#stm32#的问题:CANOpen的PDO同步传输问题
  • ¥20 yolov5自定义Prune报错,如何解决?
  • ¥15 电磁场的matlab仿真
  • ¥15 mars2d在vue3中的引入问题
  • ¥50 h5唤醒支付宝并跳转至向小荷包转账界面