当前位置: 代码迷 >> Web前端 >> Jquery Validation :多个旋钮都需要做提交验证的解决方案
  详细解决方案

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

热度:733   发布时间:2013-04-05 10:24:33.0
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);
            });
            
        });

?

?

?

?

?

  相关解决方案