`
zhchx0827
  • 浏览: 194058 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

jquery---------validate和onsubmit同时使用

    博客分类:
  • Web
阅读更多
JSP页面
<form action="savePublicOutAdd" id="savePublicOutAdd" method="post" onsubmit="return beforeSubmit()">
........
</form>


JS
function beforeSubmit() {
    return false;
}

$("#savePublicOutAdd").validate({
     onsubmit:true,// 在提交表单时验证,默认是true

      rules: {
          ....
      },
      messages:{
  ....
      }
});

虽然beforeSubmit返回的是false,但是只要validate验证通过,表单还是会提交。
原因:虽然自定义方法返回的是false,但是jquery的validate也是在onsubmit时执行,且在beforeSubmit方法之后。
虽然自定义的方法返回false,但是并没有阻止jquery validate继续执行,所以jquery validate最终的返回值才决定了
表单是否提交。解决办法如下:

$("#savePublicOutAdd").validate({
     onsubmit:true,// 是否在提交是验证,默认也是true

     rules: {
....
     },
     messages:{
....
     },
     submitHandler: function(form) {  //通过之后回调
alert(form);
//form.submit();提交表单,如果不写,即便通过表单也不会自动提交
      },
      invalidHandler: function(form, validator) {  //不通过回调
alert("not pass");
          return false;
      }
});
有些时候,仅仅靠jquery的validate无法满足我们的需求,这个时候就可以在验证通过的回调中继续验证其他内容
分享到:
评论

相关推荐

    jquery-ui-validation-Engine

    4. **处理提交**:在表单的 `onsubmit` 事件中,使用 `.validationEngine('validate')` 检查所有字段是否通过验证。如果验证失败,可以阻止表单提交。 5. **自定义提示**:可以通过 `promptPosition` 参数来设置...

    jquery-easyui, jquery-easyui lib , update form http.zip

    假设我们有一个基于jQuery EasyUI的数据管理应用,可以使用以下代码创建一个数据表格并实现数据的添加、编辑和删除: ```html &lt;!DOCTYPE html&gt; &lt;link rel="stylesheet" type="text/css" href="path/to/jquery-...

    jquery-validation

    `jQuery Validation` 是一个广泛使用的 jQuery 插件,主要用于创建高效、用户友好的表单验证。它简化了在网页上实现表单验证的过程,提供了丰富的自定义规则和错误消息,使得开发者能够快速构建功能完善的交互式表单...

    jQuery_validate

    在实际项目中,正确配置和使用jQuery_validate可以大幅提升开发效率。例如,在注册页面,我们可以利用`required`和`remote`规则验证用户名和密码,同时自定义复杂度验证规则,以确保密码的安全性。在提交表单时,...

    jquery 表单插件 formvalidator

    你可以通过配置`errorElement`和`errorClass`来定制错误元素样式,或者使用`onError`和`onSuccess`回调函数来控制错误提示的显示与隐藏。 ### 5. 动态验证 在某些情况下,你可能需要根据其他字段的值动态调整验证...

    jquery-easyui

    在本教程中,我们将深入探讨 jQuery EasyUI 的主要功能、应用场景以及使用方法。 ### 1. EasyUI 的基本概念 - **jQuery**: jQuery 是一个快速、简洁的 JavaScript 库,它简化了 HTML 文档遍历、事件处理、动画设计...

    jquery.validate

    在你的项目中使用`jQuery Validate`,首先需要引入`jQuery`库,然后引入`jQuery Validate`插件的JS文件。通常,你可以通过CDN链接或者将文件下载到本地项目中引入。例如: ```html &lt;script src="https://code.jquery...

    jquery.validate.min.zip

    本文将深入解析jQuery Validate插件的核心功能和使用方法。 一、jQuery Validate插件简介 jQuery Validate插件是基于jQuery库的一个扩展,由Misko Hevery创建。它的主要功能是对HTML表单进行验证,提供了丰富的...

    jquery.validate.js用法.doc

    ### jQuery.validate.js 插件详解及使用方法 #### 一、引言 `jQuery.validate.js` 是基于 jQuery 的一个非常强大的表单验证插件。它不仅提供了多种预定义的验证规则,还支持自定义规则,并且可以轻松地与 HTML 表单...

    jquery_validate验证框架

    8. **插件扩展**:jQuery Validate可以与其他jQuery插件(如表单序列化插件)配合使用,以实现更复杂的表单操作。 **使用步骤:** 1. **引入库**:首先需要在HTML文档中引入jQuery库和jQuery Validate插件的脚本...

    jQuery表单校验插件validate实例代码集展现了插件的各种用法.zip

    在Web开发中,表单验证是必不可少的部分,而jQuery的validate插件就是专门用于表单验证的一个插件,它提供了丰富的选项和方法,使得开发者能够方便地实现自定义的表单验证规则。 validate插件的安装通常是通过引入...

    form-validate.js:jQuery 驱动的表单验证

    要使用它,只需使用带有.validate()方法的 jQuery 选择器: $ ( "#myForm" ) . validate ( ) ; 这将为表单设置onsubmit处理程序。 这意味着无论何时提交表单,数据都会被验证。 如果数据无效,则不会提交表单。 ...

    Validate_20110905

    此外,jQuery Validate插件还提供了许多自定义选项和方法,比如添加自定义验证规则、设置错误消息位置、控制验证行为等。通过调用validate方法的选项参数,我们可以实现更复杂的需求。例如,我们可以设置onsubmit...

    etmvc和jQuery EasyUI使用教程

    ### etmvc和jQuery EasyUI使用教程 #### 一、etmvc框架简介与使用步骤 **etmvc**是一款轻量级的Java MVC框架,它简化了Java Web应用的开发过程,使得开发者能够更快速地构建应用程序。本文档将指导您如何使用etmvc...

    jquey-validation

    7. **插件配置**:jQuery Validation 提供了许多可配置选项,如`onsubmit`(表单提交时是否验证)、`errorClass`(错误元素的CSS类)和`highlight`(标记错误元素的方法)等,可以根据项目需求进行定制。 8. **国际...

    jquery开发入门整理(所需要了解的)

    这意味着即使是在资源受限的环境中也可以轻松加载和使用jQuery。此外,jQuery与其他JavaScript库(如AngularJS、React等)的兼容性良好,可以方便地与其他框架一起使用。 #### 理由七:简化Ajax开发 jQuery通过`$....

    jquery.validate使用攻略 第三部

    以下是对 `jQuery Validate` 的使用攻略,特别是关于自定义验证行为的详细说明: 1. **自定义表单提交**:你可以通过设置 `submitHandler` 选项来自定义表单提交行为。当表单通过验证后,`submitHandler` 回调函数...

    EasyUI validate js校验规则文件

    EasyUI 是一个基于 jQuery 的前端框架,用于快速构建用户界面。...同时,通过参考博客文章(如提供的链接),可以获取更多关于EasyUI validate使用技巧和实战经验的分享,从而提升开发效率和应用质量。

    jquery_easyui_中文API.pdf

    ### jQuery EasyUI 中文API概览 #### Accordion(可折叠标签) Accordion 是一个非常实用的界面组件,它能够帮助用户在有限的空间内展示多个相关内容段落,通过点击标题来展开或折叠相应的内容区域,从而有效地...

Global site tag (gtag.js) - Google Analytics