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);
                });
                
            });
  • 相关阅读:
    安卓学习第一课——电话拨号器
    CodeForces 644B【模拟】
    hdu5861【线段树】
    CodeForces 41A+43A【课上无聊刷水题系列】
    hdoj5493【树状数组+二分】
    HDU5894【组合数学】
    Codeforces643A【一种暴力】
    CodeForces 689C【二分】
    CodeForces 665B 【水-暴力】
    CodeForces 653A【水】
  • 原文地址:https://www.cnblogs.com/Cheese_Ren/p/1447166.html
Copyright © 2011-2022 走看看