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无法满足我们的需求,这个时候就可以在验证通过的回调中继续验证其他内容
分享到:
相关推荐
4. **处理提交**:在表单的 `onsubmit` 事件中,使用 `.validationEngine('validate')` 检查所有字段是否通过验证。如果验证失败,可以阻止表单提交。 5. **自定义提示**:可以通过 `promptPosition` 参数来设置...
假设我们有一个基于jQuery EasyUI的数据管理应用,可以使用以下代码创建一个数据表格并实现数据的添加、编辑和删除: ```html <!DOCTYPE html> <link rel="stylesheet" type="text/css" href="path/to/jquery-...
`jQuery Validation` 是一个广泛使用的 jQuery 插件,主要用于创建高效、用户友好的表单验证。它简化了在网页上实现表单验证的过程,提供了丰富的自定义规则和错误消息,使得开发者能够快速构建功能完善的交互式表单...
在实际项目中,正确配置和使用jQuery_validate可以大幅提升开发效率。例如,在注册页面,我们可以利用`required`和`remote`规则验证用户名和密码,同时自定义复杂度验证规则,以确保密码的安全性。在提交表单时,...
你可以通过配置`errorElement`和`errorClass`来定制错误元素样式,或者使用`onError`和`onSuccess`回调函数来控制错误提示的显示与隐藏。 ### 5. 动态验证 在某些情况下,你可能需要根据其他字段的值动态调整验证...
在本教程中,我们将深入探讨 jQuery EasyUI 的主要功能、应用场景以及使用方法。 ### 1. EasyUI 的基本概念 - **jQuery**: jQuery 是一个快速、简洁的 JavaScript 库,它简化了 HTML 文档遍历、事件处理、动画设计...
在你的项目中使用`jQuery Validate`,首先需要引入`jQuery`库,然后引入`jQuery Validate`插件的JS文件。通常,你可以通过CDN链接或者将文件下载到本地项目中引入。例如: ```html <script src="https://code.jquery...
本文将深入解析jQuery Validate插件的核心功能和使用方法。 一、jQuery Validate插件简介 jQuery Validate插件是基于jQuery库的一个扩展,由Misko Hevery创建。它的主要功能是对HTML表单进行验证,提供了丰富的...
### jQuery.validate.js 插件详解及使用方法 #### 一、引言 `jQuery.validate.js` 是基于 jQuery 的一个非常强大的表单验证插件。它不仅提供了多种预定义的验证规则,还支持自定义规则,并且可以轻松地与 HTML 表单...
8. **插件扩展**:jQuery Validate可以与其他jQuery插件(如表单序列化插件)配合使用,以实现更复杂的表单操作。 **使用步骤:** 1. **引入库**:首先需要在HTML文档中引入jQuery库和jQuery Validate插件的脚本...
在Web开发中,表单验证是必不可少的部分,而jQuery的validate插件就是专门用于表单验证的一个插件,它提供了丰富的选项和方法,使得开发者能够方便地实现自定义的表单验证规则。 validate插件的安装通常是通过引入...
要使用它,只需使用带有.validate()方法的 jQuery 选择器: $ ( "#myForm" ) . validate ( ) ; 这将为表单设置onsubmit处理程序。 这意味着无论何时提交表单,数据都会被验证。 如果数据无效,则不会提交表单。 ...
此外,jQuery Validate插件还提供了许多自定义选项和方法,比如添加自定义验证规则、设置错误消息位置、控制验证行为等。通过调用validate方法的选项参数,我们可以实现更复杂的需求。例如,我们可以设置onsubmit...
### etmvc和jQuery EasyUI使用教程 #### 一、etmvc框架简介与使用步骤 **etmvc**是一款轻量级的Java MVC框架,它简化了Java Web应用的开发过程,使得开发者能够更快速地构建应用程序。本文档将指导您如何使用etmvc...
7. **插件配置**:jQuery Validation 提供了许多可配置选项,如`onsubmit`(表单提交时是否验证)、`errorClass`(错误元素的CSS类)和`highlight`(标记错误元素的方法)等,可以根据项目需求进行定制。 8. **国际...
这意味着即使是在资源受限的环境中也可以轻松加载和使用jQuery。此外,jQuery与其他JavaScript库(如AngularJS、React等)的兼容性良好,可以方便地与其他框架一起使用。 #### 理由七:简化Ajax开发 jQuery通过`$....
以下是对 `jQuery Validate` 的使用攻略,特别是关于自定义验证行为的详细说明: 1. **自定义表单提交**:你可以通过设置 `submitHandler` 选项来自定义表单提交行为。当表单通过验证后,`submitHandler` 回调函数...
EasyUI 是一个基于 jQuery 的前端框架,用于快速构建用户界面。...同时,通过参考博客文章(如提供的链接),可以获取更多关于EasyUI validate使用技巧和实战经验的分享,从而提升开发效率和应用质量。
### jQuery EasyUI 中文API概览 #### Accordion(可折叠标签) Accordion 是一个非常实用的界面组件,它能够帮助用户在有限的空间内展示多个相关内容段落,通过点击标题来展开或折叠相应的内容区域,从而有效地...