`
ljl_xyf
  • 浏览: 636695 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

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);
            });
            
        });

 

 

 

 

 

分享到:
评论

相关推荐

    Jquery Validation插件防止重复提交表单的解决方法

    同时,文章提到了CodeProject上的一个名为DisableBtnPostBack的项目,该项目提供了一个防止表单重复提交的解决方案,但该项目并不适用于与JqueryValidation结合使用的情况。文章中也提到了对应的情况,并给出了一个...

    jQuery插件教程(搜罗了全部插件).docx

    jQuery是一个极其流行和广泛使用的JavaScript库,其核心理念是简化HTML文档操作、事件处理、动画效果的...无论你是初学者还是经验丰富的开发者,都能从jQuery插件中找到适合自己的解决方案,提升项目开发的质量和速度。

    jquery 非常实用的3个插件(表单验证 图片弹出层全屏左右翻页 弹出层)

    在IT行业中,jQuery是一个广泛使用的JavaScript库,它简化了HTML文档遍历、事件处理、动画...无论是在表单处理、图像展示还是信息提示方面,jQuery插件都能提供专业的解决方案,使得网页变得更加生动、专业和用户友好。

    jQuery相关插件

    3. 社区支持:由于jQuery社区庞大,许多插件都有良好的文档和社区支持,遇到问题时更容易找到解决方案。 二、jQuery插件的主要类型 1. UI组件:这类插件专注于创建用户界面元素,如导航菜单、滑块、模态对话框、...

    jquery资料

    2. **链式操作**:jQuery对象支持链式调用,这意味着你可以在一个语句中执行多个操作。例如,`$("#element").hide().fadeIn()`会先隐藏元素,然后逐渐显示出来。 3. **DOM操作**:jQuery提供了一组方便的方法来操作...

    jquery插件表

    - **Simple jQuery form validation**:简单易用的表单验证解决方案。 - **jQuery XAV - form validations**:提供了多种验证方法,如必需字段、电子邮件格式检查等。 - **Masked Input**:可以对输入框进行格式化,...

    jquery图片下载控件

    这个插件可能专注于提供简洁、高效的图片上传解决方案,包括上传进度显示、多文件上传、服务器端错误处理等功能。在实际应用中,开发者可以通过定制这个插件来满足特定的图片下载需求,例如添加自定义的下载按钮样式...

    jquery 上传

    3. **FineUploader**:与Plupload类似,FineUploader也提供了一套完整的文件上传解决方案,它有丰富的自定义选项和良好的错误处理机制。通过jQuery,我们可以很容易地集成FineUploader到项目中: ```javascript $...

    28个jQuery常用插件.

    这些jQuery插件涵盖了网页开发中的多个方面,从用户交互到数据可视化,再到页面布局优化,都有相应的解决方案。通过合理运用这些插件,开发者可以提高工作效率,同时为用户提供更加丰富和友好的网页体验。

    jquery插件集合

    总之,这个jQuery插件集合为开发者提供了一套全面的工具箱,无论是对于初学者还是经验丰富的开发者,都能从中找到提高开发效率和用户体验的解决方案。理解并掌握这些插件,无疑会为你的Web开发之路增添更多可能性。

    jQuery插件教程(搜罗了全部插件

    ### jQuery插件教程:探索200+插件的无限可能 #### 揭秘jQuery的魅力与强大 ...无论是文件上传、表单验证,还是时间颜色选取,jQuery插件都能提供成熟、高效的解决方案,帮助开发者轻松应对各种复杂需求。

    Jquery经典插件收集

    本资源集合了多种jQuery经典插件,涵盖了图片展示、键盘快捷键、定时器、动画特效以及社交分享等多个方面,非常适合前端开发者学习和应用。 1. **图片展示插件** 图片展示插件通常用于创建吸引人的相册或幻灯片...

    jquery ui制作的响应式后台管理模板html源码下载

    本文将深入探讨一个基于jQuery UI库构建的响应式后台管理模板,它能为开发者提供一个高效、易用且适应多设备的界面解决方案。 首先,jQuery UI是一个强大的JavaScript库,它提供了丰富的UI组件,如对话框、拖放功能...

    jquery实例

    《jQuery 实例详解:探索高效前端开发工具箱》 ...无论是简单的DOM操作,还是复杂的动画和Ajax交互,jQuery都能提供简洁而强大的解决方案。因此,深入研究并掌握jQuery实例对于任何前端开发者来说都是一笔宝贵的财富。

    jQuery插件大全

    4. **表单验证**:如jQuery Validation插件,提供了一套完整的表单验证解决方案,帮助确保用户输入的数据格式正确。 5. **弹出提示**:SweetAlert和Toastr这类插件,可以替代传统的alert和confirm,提供更美观、...

    jQuery上传文件或者图片对应的脚本.rar

    在这个压缩包里,我们通常会找到必要的js(JavaScript)文件和css(CSS)文件,这些文件共同构成了一个完整的文件上传解决方案。 1. **jQuery文件上传基础**: jQuery提供了一些方便的方法来处理用户与HTML元素的...

    flash 提交表单3.

    3. 跨平台支持:Flash插件曾经在多种浏览器和操作系统上广泛兼容,使得表单能在多个平台上运行。 四、Flash表单的缺点与挑战 1. 兼容性问题:随着移动设备的普及,Flash对iOS和部分Android设备的支持不足,影响了其...

    IE 下Enter提交表单存在重复提交问题的解决方法

    但在IE中,如果表单没有明确指定提交按钮或者有多个提交按钮,按下Enter键可能会导致表单被连续提交两次,从而引发重复数据的插入。 解决这个问题的第一种方法是在调用`submit()`方法后添加`return false;`。这是一...

    强烈推荐240多个jQuery插件提供下载

    jQuery,作为一个广泛使用的JavaScript库,以其高效、简洁的特性赢得了开发者们的青睐。它的核心理念是“写更少的...无论是在表单处理、文件上传、时间日期选择还是评分系统等方面,jQuery插件都能提供强大的解决方案。

    masterUI.zip

    综上所述,"masterUI.zip" 提供了一个功能齐全、易用且可定制的后台界面解决方案,结合了 Bootstrap 的强大功能和 jQuery 插件的便利性,对于任何需要快速构建后台管理系统的开发者来说,都是一个宝贵的资源。

Global site tag (gtag.js) - Google Analytics