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);
                });
                
            });
  • 相关阅读:
    Network(树形dp)洛谷2899
    2590 树的统计
    LCT 最小生成树
    几种贪心小结
    snmp
    div页面跳转
    2017.11.2总结,回顾及成果
    2017.11.1知识总结及回顾
    check,form,单选框与复选框总结
    HTML空格字符
  • 原文地址:https://www.cnblogs.com/Cheese_Ren/p/1447166.html
Copyright © 2011-2022 走看看