JavaScript解决一个带验证的Form两个Submit事件(一个页面保持不动【AJAX实现】,一个页面提交并跳转)的场景
<form class="form-horizontal" action="/biz/patent/edit" method="post" enctype="multipart/form-data" data-toggle="validator" role="form" novalidate="true" id="patentEditForm">
<button class="btn btn-primary" type="button" id="but_sub">保存</button> <button class="btn btn-primary" type="button">保存返回列表</button> <button class="btn btn-warning" type="button" onclick="window.location='/biz/project/list';">返回</button>
</form>
$(document).ready(function(){ var buttonId; $('#patentEditForm').validator().on('submit', function (e) { if (e.isDefaultPrevented()) { // handle the invalid form... } else { // everything looks good! if(buttonId == "but_sub"){ var formData = new FormData($("#patentEditForm")[0]); $.ajax({ type:"POST", url:"/biz/", data: formData, dataType:"JSON", nsync:false, cache: false, contentType: false, processData: false, success:function(date){ switch(date.status){ case 1: $success("保存成功!"); break; case 1009: $error("保存失败!"); break; default : $error("没有提交信息"); } }, error:function(){ $error("没有提交信息"); } }); return false; } } }); $(".btn-primary").click(function(){ buttonId = $(this).attr("id"); $('#patentEditForm').trigger('submit'); });
1.$(".btn-primary").click()和 $('#patentEditForm').validator().on('submit')两个事件的处理方法之间传递参数(用全局变量)。
2.不用原来的表单提交,用.trigger('submit')方法在JavaScript里触发提交。
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· AI技术革命,工作效率10个最佳AI工具
2016-05-19 Apache的Thrift引发的编译思考
2016-05-19 QQ的小秘密
2009-05-19 基于数据库的中小型应用软件维护 改进解决方案