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

最新推荐文章于 2022-10-19 15:24:17 发布
原创 最新推荐文章于 2022-10-19 15:24:17 发布 · 3.3k 阅读 · 3 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#js #javascript #html

当HTML中的form表单在刷新时触发重复提交警告，加入特定JS代码可有效避免此问题，提升用户体验。

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

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

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

window.history.replaceState(null, null, window.location.href);
JS实现用户二次确认后再提交表单
10-30 706
JS实现用户二次确认后再提交表单
解决360浏览器刷新时会报“确认重新提交表单 您所查找的网页要使用已输入的信息”的问题 JS改变地址栏url而不跳转 history index login
tanzongbiao的专栏
12-24 4525
360浏览器刷新时老是提示：确认重新提交表单 您所查找的网页要使用已输入的信息。返回此页可能需要重复已进行的所有操作。是否要继续操作？ //like12 add,20211223,bug,解决360浏览器刷新时会报“确认重新提交表单 您所查找的网页要使用已输入的信息”的问题 if(document.URL.indexOf("login") != -1){ history.pushState(null,"","index");//JS改变地址栏url而不跳转 //window.locati
【JS】去除“确认重新提交表单”
GreAmbWang的博客
02-24 8431
问题 在html添加表单后，重新刷新出现确认重新提交表单的提示，一刷新就提示，很不友好 解决 在js中添加window.history.replaceState(null, null, window.location.href); <script> $(function () { //禁用“确认重新提交表单” ...
form重定向到当前页面，取消浏览器“确认重新提交表单”的提示
qq_37820129的博客
03-27 4102
背景 公司项目是前后台混合写法，后台得到表格数据在前台输入到表格组件内渲染显示。 需求 实现一个多选条件筛选功能，把筛选结果显示到表格内。 实现 因为筛选条件多选，存在过长的情况，使用POST方法传递。筛选完之后没办法用jq重新渲染页面，决定使用form表单提交条件到后台，然后重定向到本页面，渲染方法可以保持不变。 " 确认重新提交表单"问题 表单提交后重定向到本页面，按F5刷新浏览器会提示“确认...
JS解决form表单刷新页面，提示“确认重新提交表单”
涛哥是个大帅比
07-05 7511
目录 测试 测试咯 测试测试 测试 测试咯 测试测试
html的提交取消怎么做,如何在提交buttononclick事件中取消表单提交？
weixin_42370345的博客
06-26 1552
你最好做…如果isValidForm()返回false ，则表单不提交。你也应该从内联移动你的事件处理程序。document.getElementById('my-form').onsubmit = function() { return isValidForm(); };将您的input更改为：并在你的函数中返回falsefunction btnClick() { if (!validData(...
使用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()`函数是我们的验证函数，它负责检查...
离开当前页面前使用js判断条件提示是否要离开页面
10-26
比如，如果页面中有正在进行的表单提交，或者有未保存的更改等，可以动态地改变提示信息，提供更加准确和人性化的提示。 综上所述，在Web开发中合理利用JavaScript的window.onbeforeunload事件，可以有效地提升用户...
vue3.0 antdesginVue 表单点击提交时校验表单
我只是个很菜的前端
10-19 1702
vue3.0 antdesginVue 表单点击提交时校验表单
取消form表单里面的按钮的自动提交
qq_44540112的博客
07-08 6428
我从页面上提交数据常用的标签是<form></form>标签,为什么<from>标签能够提交内容呢 ？ 因为<form>标签能够进行自动提交，只需要<form>标签里面有一个<button>标签，那么这个<button>标签就会自动带有提交的方法 <form>标签里面的<inp...
onfirm()弹出对话框时,点击“取消”表单仍然提交的解决方法
yiye2017zhangmu的博客
10-02 853
问题描述：    当使用按钮触发事件，使用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(...
解决页面提示不重新提交表单数据
web
06-15 1449
<br />可以用一个函数来实现<br /> <br />在函数中写上obclean(); //菜单激活 $menuactive = array('index' => ' class="active"'); if(!empty($url_forward)) { $second = $second * 1000; $message .= "<mce:script type="text/javascript"><!-- setTimeout(/"window.locatio
如何让刷新页面时不提示 "重试或取消”对话框
phphot
09-26 2153
           如果刷新一个已经提交过的页面时,系统总是会提示一个 "重试或取消”的对话框.,如果是一个普通的页面,好象也无所谓,有就有,大不了多点一下.但是当我们是在子窗体中刷新父窗体时,就显得有点多余了.所以就想把这个对话框给去了.找了很的办法.总结一下.         一, window.opener.location.reload() 如果改页面没提交过,这个方法好使.但是这个
表单二次重复提交的问题
u010325193的博客
07-20 5148
如果网速比较慢的情况下，用户点击的提交发现半天没有反映，于是又重新点击了几次提交按钮，这就造成了重复提交的问题。那么在我们的开放中必须解决这种重复提交的问题。比如有个需要用户填写用户名和密码然后提交到后台进行登录验证的一个提交，重复提交主要体现如下几种场景： 1、场景一：在网络延迟的情况下让用户有时间点击多次submit按钮导致表单重复提交。 在网络比较慢的情况下，用户连续快速的点击多次提交按...
调用JS使a标签实现表单中的提交重置返回上一页功能
纸短情长的博客
06-25 1200
书写格式 <a href="javascript:document.表单名.submit()">提交</a> <a href="javascript:document.表单名.reset()">重置</a> 示例： <form action="${pageContext.request.contextPath }/addSt...
点击浏览器返回按钮跳转到“确认重新提交表单”页面，如何解决？
weixin_34378922的博客
02-23 3824
现象描述 ：上一个页面是以form（post）表单提交，当前页面不是，然后再当前页面点浏览器返回按钮出现的这个页面 原因分析：你在当前页面上点击返回，实际上是浏览器要重新发送一个新的请求到你的上一个 页面，而你的上一个页面之前实际上是以post方式发起的请求。 由于浏览器检测到你的post请求和上一次是一样一样的，浏览器处于安全考虑，为了避免你重复提交相同的数据，因此会给你提示，对于涉及支...
Js提交表单的两种方法
diligentcat的专栏
07-21 2026
提交表单一般有两种一种是submit按钮，一种是调用form的submit方法。虽然都是提交表单，但这两种还是有些差别的。 一般来说，提交form表单的时候需要做一些简单的验证，验证完后才能提交，避免无效提交。 1.当输入用户名和密码为空的时候，需要判断。这时候就用到了校验用户名和密码。 方法一 Sumit按钮提交，在Form的onsubmit事件中检验： 在jsp的前端页面的头部插入一个
实现表单验证提示效果的JavaScript与CSS技术
总结以上知识点，通过JavaScript（搭配jQuery）和CSS实现的表单验证提示效果，可以有效地提高用户填写表单的准确性和效率。开发人员需要熟悉表单验证的基本概念、CSS样式设计以及jQuery的事件处理和动态DOM操作，以...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值