`
ljl_xyf
  • 浏览: 617689 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Jquery Validation :多个按钮都需要做提交验证的解决方案

 
阅读更多

按钮点击时出发validate方法:

$("#btnQuery").click(function() {
        $("form").validate(validate_settings_query);
});

 

 

validate_settings_query这个是validate的option参数,那么实现不同的校验逻辑,实际上就是构造不同的option参数即可:

 

$(document).ready(function() {
            var _customer_query = {
                rules: {
                    txtCustEmail: {
                        required: true,
                        email: true
                    }
                }, //end rule
                messages: {
                    txtCustEmail: {
                        required: "账号不能为空",
                        email: "请录入正确格式的Email地址"
                    }
                }//end message
            };
                  
            var _customer_submit = {
                rules: {
                    txtCustAmount: {
                        required: true
                    }
                }, //end rule
                messages: {
                    txtCustAmount: {
                        required: "金额不能为空"
                    }
                }//end message
            };

            var validate_settings_query = jQuery.extend({}, _default, _customer_query);
            var validate_settings_submit = jQuery.extend({}, _default, _customer_submit);
            
            $("#btnQuery").click(function() {
                $("form").validate(validate_settings_query);
            });

            $("#btnSubmit").click(function() {
                $("form").validate(validate_settings_submit);
            });
            
        });

 

 

 

 

 

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics