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

$("#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

时间: 2024-12-05 15:23:50

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

jQuery Validation让验证变得如此容易(二)

上一个例子我们是统一引用jquery.validate.js这样所有必填字段的提示信息都将是This field is required. 现在要改成动态提示,比如姓名如果为空则提示姓名不能为空,密码如果为空则提示密码不能为空. 这次我们将校验规则写在代码里 首先还是先引入文件 <script src="js/jquery-1.8.0.min.js" type="text/javascript"></script> <script sr

jQuery Validation让验证变得如此容易(三)

以下代码进行对jQuery Validation的简单演示包括必填项.字符长度,格式验证 一.引入文件 <script src="js/jquery-1.8.0.min.js" type="text/javascript"></script> <script src="js/jquery.validate.js" type="text/javascript"></script>

Jquery Validation 插件验证手机号

自定义手机号验证代码  http://www.2cto.com/kf/201505/402781.html // 手机号码验证 jQuery.validator.addMethod("isMobile", function(value, element) {     var length = value.length;     var mobile = /^(13[0-9]{9})|(18[0-9]{9})|(14[0-9]{9})|(17[0-9]{9})|(15[0-9]{9})$

jQuery Validation让验证变得如此easy(二)

上一个样例我们是统一引用jquery.validate.js这样全部必填字段的提示信息都将是This field is required. 如今要改成动态提示,比方姓名假设为空则提示姓名不能为空,密码假设为空则提示密码不能为空. 这次我们将校验规则写在代码里 首先还是先引入文件 <script src="js/jquery-1.8.0.min.js" type="text/javascript"></script> <script sr

使用jQuery重用form表单并异步提交到其他action

在做页面开发的时候,有时候要重用表单的数据,并异步请求提交到其他的链接中,这个时候就可以使用jquery去修改表单的action值(记得使用后修改回来),并调用submit方法,当然后台的链接action或者controller方法必须返回值类型为void,否则将发生页面跳转,返回null则显示空白页,无法实现异步调用.另外,这里可以使用另外一个方式提交,将表单序列化,然后用jQuery的ajax提交,不过要对返回的信息进行处理. 直接上代码: (1)jQuery改变form属性 $(".exp

jQuery Validation Engine 表单验证

功能强大的 jQuery 表单验证插件,适用于日常的 E-mail.电话号码.网址等验证及 Ajax 验证,除自身拥有丰富的验证规则外,还可以添加自定义的验证规则. 兼容 IE 6+, Chrome, Firefox, Safari, Opera 10+ 版本: jQuery v1.7+ jQuery Validation Engine v2.6.2 相对 2.2.4 版本的一些区别: 部分参数功能发生变化: 输入控件可以不写 id 属性: 参数 onSuccess 和 onFailure 改为

【jquery】Validform,一款不错的 jquery 表单验证插件

关于 Validform 这是一款很不错的 jquery 表单验证插件,它几乎能够满足任何验证需求,仅仅一行代码就能搞定整站的表单验证. $('form').Validform(); 为什么能如此方便?插件的核心思想就是把所有的验证条件及验证提示信息绑定到每个表单元素,让验证代码在执行时只是核对表单下各元素的值是否跟绑定的验证条件相符,这样你可以随便添加或者去掉任一表单元素而不必修改验证代码,从而使仅用一行代码去完成整站的表单验证的梦想成为现实! 功能简介 可以在 input 上直接绑定正则,可

jquery validation remote进行唯一性验证时只使用自定义参数,不使用默认参数

在使用validation进行唯一性验证时,想各个模块写一个统一的方法,相统一参数名称,但是remote方法会默认把对应的参数传过去 如: 会把role.roleName默认作为变量提交过去 所以想自定义统一的参数,不想把默认参数传递过去 但是validation插件似乎不支持,只好看源码了 所以,既不影响其原来格式的使用,又能够对其进行扩展自定义参数(若是自定义参数,默认参数就不起作用),就修改了其源码 在页面上使用方式如下: 服务端只需在baseAction里使用: jquery valid

Jquery validation自定义验证

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf