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

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

2个回答

//校验字段是否正确
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("无法连接数据库");
                }
            });
        });
    });

普通按钮触发onclick
document.forms["formname"].submit();
formname为from的name属性的值

iteye_5246
iteye_5246 要明白一点的是 jquery validate是追踪from的submit事件来的。
大约 8 年之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问
相关内容推荐