在Jquery validation里验证通过后,自定义提交不同的action路径,适合一个窗口既可以作为添加对话框也可以作为编辑对话框

简介: $("#myform").validate({ debug: true, //调试模式取消submit的默认提交功能 ignore: '#Password,#ConfirmPassword', ...
$("#myform").validate({
                debug: true, //调试模式取消submit的默认提交功能
                ignore: '#Password,#ConfirmPassword',
                focusInvalid: false,
                //---------------------------------------------------------------------------
                submitHandler: function () {   //表单提交句柄,为一回调函数   
                    var submitway = $("#submitbtn").text();
                    if (submitway == "编辑保存")
                        var geturl = "/membership/update";
                    else if (submitway == "添加保存")
                        var geturl = "/membership/add";
                    var options = {
                        type: "post",
                        url: geturl,
                        dataType: "json",
                        data: $("#myform").serialize(),
                        success:function (data) {
                            if (data.success) {
                                alert(data.messages);
                                $("#AddMembership").modal('hide');
                                window.parent.location.reload();
                            }
                            else
                                alert(data.messages);
                        }
                    };
                    $.ajax(options);
                    return false;
                },
                //---------------------------------------------------------------------------                                  
                rules: {
                    'Email': {
                        required: true,
                        email: true
                    },
                    'UserName': {
                        required: true,
                        stringCheck: true,
                        minlength: 3,
                        maxlength: 20
                    },
                    'Mobile':{
                        //required:true,  //带上不句表示此项不填写也可以,如果填写就要检查填写规则
                        isMobile:true
                    },
                    'Password': {
                        required: true,
                        minlength: 6,
                        maxlength: 20
                    },
                    'ConfirmPassword': {
                        required: true,
                        minlength: 6,
                        equalTo: "#Password"
                    },

                    'RoleName': {
                        required: true
                    },
                    'IsApproved': {
                        required: true
                    },
                    'Gender': {
                        required: true
                    }
                },
                messages: {
                    UserName: {
                        required: "请填写登录用户名",
                        stringCheck: "用户名只能包括中文字、英文字母、数字和下划线",
                        minlength: "用户名必须在3-20个字符之间(一个中文字算2个字符)"
                    },
                    ///Email: "请输入您的邮箱。",
                    Password:{required:"请输入您的密码",minlength:"密码至少要6个字符以上!"}
                }
            });

适用版本:jquery-1.8.3.min.js 、jquery-2.0.3.min.js

学习交流群:364976091
相关文章
|
6月前
|
JavaScript 前端开发
前端基础 - JQuery自定义校验器
前端基础 - JQuery自定义校验器
32 0
|
7月前
|
JavaScript
jQuery 自定义动画 animate(详细步骤)
jQuery 自定义动画 animate(详细步骤)
59 0
|
7月前
|
JavaScript
jQuery 自定义插件
jQuery 自定义插件
25 0
|
7月前
|
JavaScript
jQuery 自定义插件(详细步骤)
jQuery 自定义插件(详细步骤)
95 0
|
2月前
|
JavaScript 前端开发 数据安全/隐私保护
jQuery最方便的前端验证方式2种(非空验证与比较验证)
jQuery最方便的前端验证方式2种(非空验证与比较验证)
43 0
|
3月前
|
JavaScript
jQuery自定义动画-第8次课-animate-stop函数-附案例
jQuery自定义动画-第8次课-animate-stop函数-附案例
21 0
|
3月前
|
JavaScript 数据安全/隐私保护
jquery正则表达式验证手机号密码和姓名字段
jquery正则表达式验证手机号密码和姓名字段
|
5月前
|
JavaScript 新能源
jQuery验证车牌号(含新能源车牌)
jQuery验证车牌号(含新能源车牌)
25 1
|
5月前
|
JavaScript
jQuery鼠标离焦验证手机号码
jQuery鼠标离焦验证手机号码
12 0
|
5月前
|
JavaScript
jQuery验证身份证号码
jQuery验证身份证号码
24 0