zoukankan      html  css  js  c++  java
  • 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);
                });
                
            });
  • 相关阅读:
    75. Sort Colors
    101. Symmetric Tree
    121. Best Time to Buy and Sell Stock
    136. Single Number
    104. Maximum Depth of Binary Tree
    70. Climbing Stairs
    64. Minimum Path Sum
    62. Unique Paths
    css知识点3
    css知识点2
  • 原文地址:https://www.cnblogs.com/Cheese_Ren/p/1447166.html
Copyright © 2011-2022 走看看