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);
                });
                
            });
  • 相关阅读:
    我的后端开发书架2015 2.0版
    Java根据字节数据判断文件类型
    基于lucene的案例开发:查询语句创建PackQuery
    Web 前沿——HTML5 Form Data 对象的使用
    基于HTML5的可预览多图片Ajax上传
    【面试】Spring问答Top 25
    【劳动节江南白衣Calvin 】我的后端开发书架2015
    【转载】Java 动态代理
    使用iframe给页面的localStorage扩容
    js中的||和&&使用技巧
  • 原文地址:https://www.cnblogs.com/Cheese_Ren/p/1447166.html
Copyright © 2011-2022 走看看