微信公众号 讲师中心
首页
文章
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 后端开发 数据库 移动端 运维开发 计算机基础
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机/移动开发 手机游戏
最近更新
搜索
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程
自媒体 新闻
首页 > web前端 > js教程 > 正文

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

php中文网
发布： 2016-05-16 18:32:57
原创
1500人浏览过

由于在项目中应用了Jquery Validation表单验证插件，所以要实现在Validation验证完毕后，提交form，然后禁止按钮。
CodeProject上有一个DisableBtnPostBack项目，但不无法和Jquery Validation结合，代码先贴出来，给大家提示下，碰到这种情况不要使用该代码。代码如下：
js:
代码

幻舟AI
幻舟AI

专为短片创作者打造的AI创作平台

幻舟AI 279
查看详情 幻舟AI
复制代码 代码如下:

function disableBtn(btnID, newText) {
Page_IsValid = null;
if (typeof (Page_ClientValidate) == 'function') {
Page_ClientValidate();
}
var btn = document.getElementById(btnID);
var isValidationOk = Page_IsValid;
if (isValidationOk !== null) {
if (isValidationOk) {
btn.disabled = true;
btn.value = newText;
btn.style.background = "url(12501270608.gif)";
}
else {
btn.disabled = false;
}
}
else {
setTimeout("setImage('"+btnID+"')", 10);
btn.disabled = true;
btn.value = newText;
}
}
function setImage(btnID) {
var btn = document.getElementById(btnID);
btn.style.background = 'url(12501270608.gif)';
}

前端页面代码：
代码
复制代码 代码如下:


好了，以下代码可以解决提交按钮完成Validation插件的Form验证后禁止按钮，提交Form：
js:
代码
复制代码 代码如下:

$(document).ready(function() {
$("#myForm").validate({
submitHandler: function(form) {
$(form).find(":submit").attr("disabled", true).attr("value",
"Submitting...");
form.submit();
}
})
});
相关标签：
jquery

大家都在看：

最佳 Windows 性能的顶级免费优化软件
最佳 Windows 性能的顶级免费优化软件

每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。

下载
来源：php中文网
收藏 点赞
上一篇：ExtJS GridPanel 根据条件改变字体颜色_extjs 下一篇：javascript 简单抽屉效果的实现代码_javascript技巧
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
最新问题
JavaScript无障碍访问_ARIA属性正确使用 正确使用ARIA属性可提升网页无障碍访问，关键在于补充DOM无法表达的语义信息。应优先采用原生HTML元素，在必要时通过ARIA增强语义，如用aria-expanded指示展开状态、aria-live通知动态内容变化、role定义组件角色，并确保焦点管理与状态同步更新，避免滥用。测试需结合屏幕阅读器验证实际效果。
2025-11-20 21:35:02
360
JavaScript测试驱动_Jest单元测试最佳实践 答案：遵循Jest最佳实践可提升代码质量。应使用行为驱动的描述性测试命名，如“当用户输入有效邮箱时，应返回true”，避免模糊命名；每个测试需独立可重复，利用beforeEach和afterEach管理测试状态，结合jest.useFakeTimers()模拟异步逻辑；合理使用jest.mock()和jest.spyOn()隔离外部依赖，避免过度Mock，并在测试后恢复原始实现；关注核心业务逻辑和边界条件的测试覆盖，而非盲目追求100%覆盖率，配置合理的coverageThreshold阈值，从
2025-11-20 21:33:05
790
JavaScript解释器模式_领域特定语言 领域特定语言（DSL）是专为特定问题领域设计的语言，如表单验证或条件判断，可提升代码可读性与扩展性。解释器模式通过定义文法并构建表达式树来解析执行DSL，适用于规则引擎等场景。
2025-11-20 21:32:02
153
JavaScript模板引擎_虚拟DOM渲染机制 模板引擎通过字符串生成HTML，虚拟DOM以对象映射UI并高效更新。1.模板引擎如Handlebars用{{}}插值和逻辑控制生成HTML字符串，直接操作真实DOM，易造成性能浪费；2.虚拟DOM如React、Vue将结构转为JS对象，通过Diff算法比对差异，批量更新真实DOM，减少重绘回流；3.Vue等框架融合两者，模板编译为渲染函数，兼顾开发体验与运行效率；4.简单项目选模板引擎，复杂应用优先虚拟DOM框架，提升动态更新性能。
2025-11-20 21:29:54
342
使用JavaScript实现一个简单的轮播图组件_javascript UI组件 轮播图组件通过HTML结构、CSS样式和JavaScript逻辑实现自动播放、手动切换与指示器功能，支持悬停暂停和多实例复用，适用于网页图片展示。
2025-11-20 21:29:23
225
流式处理：Readable与Writable流实现 Node.js中Readable和Writable流分别用于数据读取与写入，通过实现_read()和_write()方法控制数据流动，结合pipe()实现高效管道传输。
2025-11-20 21:29:02
460
JavaScript安全实践_XSS与CSRF攻击防护方案 XSS通过注入恶意脚本窃取用户数据，需通过输入过滤、输出编码、CSP策略等防范；CSRF则利用用户身份伪造请求，防御需采用Anti-CSRFToken、SameSiteCookie属性及双重确认机制。前端应协同后端构建多层防护，关键校验由后端完成，并结合安全框架与定期审计实现持续安全保障。
2025-11-20 21:28:02
511
JavaScript_容器化部署与云原生实践 JavaScript应用通过Docker容器化并部署至Kubernetes，结合CI/CD、监控与日志体系，实现云原生架构，提升可扩展性与稳定性，关键在于细节管理如配置、安全与资源控制。
2025-11-20 21:27:06
910
JavaScript类型系统_Flow类型检查 Flow是Facebook推出的JavaScript静态类型检查工具，通过添加类型注解在不改变代码运行的前提下提升可靠性；需安装并初始化配置，在文件顶部添加//@flow注释以启用检查；支持基础类型、对象、数组、函数、联合类型等类型标注；与TypeScript不同，Flow无需编译步骤，更轻量集成，适合大型项目提升类型安全。
2025-11-20 21:25:43
345
图形处理JavaScript_WebGL三维渲染 掌握WebGL需理解其基于OpenGLES、利用canvas和JavaScript调用GPU渲染3D图形的机制，通过顶点与片元着色器（GLSL编写）处理几何变换与像素颜色，初始化上下文后创建缓冲区、编译着色程序并传递数据，使用gl.drawArrays()等方法绘制；为提升效率可减少状态切换、使用索引缓冲、压缩纹理，并推荐借助Three.js等库简化开发，但需掌握矩阵变换与坐标系统以实现如旋转立方体等基础效果。
2025-11-20 21:25:17
824
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部