JS去掉“确认重新提交表单”提示

最新推荐文章于 2021-08-06 11:16:32 发布
最新推荐文章于 2021-08-06 11:16:32 发布
阅读量2.9k 收藏 3
点赞数 3
分类专栏： JavaScript 文章标签： js javascript html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/thyyyyyyyy/article/details/105739013
版权

一行JS代码去除 确认重新提交表单 提示

当你的HTML里有form时，再点刷新浏览器就会阻止你重新提交，防止给服务器发送多个form
原意是好，但当你的form是可以重新提交的时候，每次刷新和返回都提示这个很烦人

解决方法：
加一行JS代码即可解决

window.history.replaceState(null, null, window.location.href);
thyyyyyyyy
关注
专栏目录
JS实现用户二次确认后再提交表单
10-30 378
JS实现用户二次确认后再提交表单
html的提交取消怎么做,如何在提交buttononclick事件中取消表单提交？
weixin_42370345的博客
06-26 1451
你最好做…如果isValidForm()返回false ，则表单不提交。你也应该从内联移动你的事件处理程序。document.getElementById('my-form').onsubmit = function() { return isValidForm(); };将您的input更改为：并在你的函数中返回falsefunction btnClick() { if (!validData(...
JS--JavaScript提交表单（submit事件）、重置表单、取消默认提交表单（单击按钮、回车）
热门推荐
吴声子夜歌的博客
09-27 1万+
提交表单 使用< input > 或 < button >标签都可以定义提交按钮，只要将type属性值设置为“submit”即可，而图像按钮则是通过将 < input >的type属性值设为“image”。当单击按钮或图像按钮时，就会提交表单。 submit事件类型仅在表单内提交按钮，或者在文本框中输入文本时按回车键触发。 示例1：单击【提交】按钮后，触发sub...
java确认重新提交表单_表单防重提交详解
weixin_42620563的博客
02-23 1033
表单重复提交的常见应用场景1、在网络延迟的情况下让用户又是加你点击多次submit按钮导致2、表单提交后用户点击刷新按钮导致表单重复提交3、用户表单提交后，点击浏览器后退按钮退回表单页面后进行再次提交很多情况下,重复提交的数据,都不是我们想要的,如订单的提交,申请退款的提交等,那么如何做到防重提交呢?下面介绍有4种方法,重点最后一种:1.给数据库所需的字段添加上唯一性约束此方法最有效的防止了数据重...
【JS】去除“确认重新提交表单”
GreAmbWang的博客
02-24 7794
问题 在html添加表单后，重新刷新出现确认重新提交表单的提示，一刷新就提示，很不友好 解决 在js中添加window.history.replaceState(null, null, window.location.href); <script> $(function () { //禁用“确认重新提交表单” ...
form重定向到当前页面，取消浏览器“确认重新提交表单”的提示
qq_37820129的博客
03-27 3689
背景 公司项目是前后台混合写法，后台得到表格数据在前台输入到表格组件内渲染显示。 需求 实现一个多选条件筛选功能，把筛选结果显示到表格内。 实现 因为筛选条件多选，存在过长的情况，使用POST方法传递。筛选完之后没办法用jq重新渲染页面，决定使用form表单提交条件到后台，然后重定向到本页面，渲染方法可以保持不变。 " 确认重新提交表单"问题 表单提交后重定向到本页面，按F5刷新浏览器会提示“确认...
取消form表单里面的按钮的自动提交
qq_44540112的博客
07-08 6124
我从页面上提交数据常用的标签是<form></form>标签,为什么<from>标签能够提交内容呢 ？ 因为<form>标签能够进行自动提交，只需要<form>标签里面有一个<button>标签，那么这个<button>标签就会自动带有提交的方法 <form>标签里面的<inp...
项目____js实现重新提交表单&&避免重新提交表单
u010241120的博客
09-22 740
客户要求修改表单后留在当前页并保留查询条件，其实相当于F5，并重新提交表单。使用如下代码即可实现： window.location.reload(); 而如果不想重新提交表单刷新当前页面可以直接设定好action地址不带参数提交。 window.location.href = "${ctx}/basicInfor/xxxManage/xxxx.action";
使用layer弹窗提交表单时判断表单是否输入为空的例子
10-16
本文以layer插件为基础，分享了一个在使用layer弹窗提交表单时，判断表单各项输入是否为空的示例，同时展示了如何引入layer插件以及如何使用它。 知识点一：layer弹窗的引入和使用 layer是一个基于jQuery的轻量级...
JS去掉字符串前后空格、阻止表单提交的实现代码
10-19
同时，指定了页面的标题为"JavaScript禁止提交表单"，这有助于用户了解当前页面的内容和功能。 通过以上几点，我们可以了解到JavaScript和JQuery在处理字符串、控制表单行为以及事件处理方面的基本用法和实现方式。...
JQuery form表单提交前验证单选框是否选中、删除记录时验证经验总结(整理)
10-19
在HTML中，我们可以为表单添加一个`onsubmit`事件，该事件会在用户尝试提交表单时触发。例如： ```html 路径" onsubmit="return check()" method="POST"> ``` 这里的`check()`函数是我们的验证函数，它负责检查...
ajax 弹窗 提交表单,织梦自定义表单ajax提交及弹窗提示
weixin_28688791的博客
08-06 838
废话不多说！直接进入主题！第一：我们先对织梦自定义表单进行ajax改造，将form元素的属性action、enctype、method去掉，添加id="form"，form元素就变为引入jquery库，点击【这里】引用提交按钮增加 onclick="add_ajax()" 并把 type="submit" 修改为 type="button"例如：把ajax代码放在页面最底部(不能放在jquery...
表单验证后提交 两种方式 2016/07/10
..G的博客
07-10 9662
————————————————前面比较啰嗦，具体方法在最后———————————— 今天使用ajax，在增加用户，点击保存后，先不提交，先判断填写的信息，然后确定是否提交。 这是做的第一个练手的项目，之前跟着视频学习，学到项目视频被加密了，只有项目第一天的视频可以看，不过第一天收获也很大，项目刚开始时候使用S2SH怎么一步步整合。都是先看一遍，再看着写一遍，再自己写一遍。学到的挺多的。 尽
onfirm()弹出对话框时,点击“取消”表单仍然提交的解决方法
yiye2017zhangmu的博客
10-02 793
问题描述：    当使用按钮触发事件，使用confirm来判断是否跳转页面时，出现点击是和否都出现跳转情况 &lt;button id="button-3" onclick="towaLlet(30)"&gt; &lt;h3&gt;30元&lt;/h3&gt; &lt;/button&gt; function towaLlet(wallet){ if(confirm(...
JS解决form表单刷新页面，提示“确认重新提交表单”
涛哥是个大帅比
07-05 6632
目录 测试 测试咯 测试测试 测试 测试咯 测试测试
表单二次重复提交的问题
u010325193的博客
07-20 4882
如果网速比较慢的情况下，用户点击的提交发现半天没有反映，于是又重新点击了几次提交按钮，这就造成了重复提交的问题。那么在我们的开放中必须解决这种重复提交的问题。比如有个需要用户填写用户名和密码然后提交到后台进行登录验证的一个提交，重复提交主要体现如下几种场景： 1、场景一：在网络延迟的情况下让用户有时间点击多次submit按钮导致表单重复提交。 在网络比较慢的情况下，用户连续快速的点击多次提交按...
谷歌浏览器退回键 弹出确认重新提交表单
qq_20331039的博客
10-13 5059
原因在action类之前添加了@SessionAttributes 去掉解决问题
调用JS使a标签实现表单中的提交重置返回上一页功能
纸短情长的博客
06-25 1123
书写格式 <a href="javascript:document.表单名.submit()">提交</a> <a href="javascript:document.表单名.reset()">重置</a> 示例： <form action="${pageContext.request.contextPath }/addSt...
点击浏览器返回按钮跳转到“确认重新提交表单”页面，如何解决？
weixin_34378922的博客
02-23 3510
现象描述 ：上一个页面是以form（post）表单提交，当前页面不是，然后再当前页面点浏览器返回按钮出现的这个页面 原因分析：你在当前页面上点击返回，实际上是浏览器要重新发送一个新的请求到你的上一个 页面，而你的上一个页面之前实际上是以post方式发起的请求。 由于浏览器检测到你的post请求和上一次是一样一样的，浏览器处于安全考虑，为了避免你重复提交相同的数据，因此会给你提示，对于涉及支...
浏览器确认重新提交表单的弹框怎么出来
最新发布
05-24
浏览器确认重新提交表单的弹框是由浏览器自动弹出的，当用户点击了表单提交按钮后，如果用户尝试重新刷新页面或者点击返回按钮，浏览器会自动弹出一个确认框，提示用户是否重新提交表单。该弹框是浏览器内置的功能，可以通过 JavaScript 监听表单的提交事件来触发。例如，在以下的代码中，当用户点击提交按钮时，会触发函数 `submitForm()`，然后浏览器会自动弹出确认框。 ```html <form> <input type="text" name="username"> <input type="password" name="password"> <button type="submit" onclick="submitForm()">提交</button> </form> <script> function submitForm() { // 表单提交逻辑 } // 监听表单提交事件 document.querySelector('form').addEventListener('submit', function(event) { // 阻止表单默认提交行为 event.preventDefault(); // 触发表单提交逻辑 submitForm(); }); </script> ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值