提示当前页面正在提交，submit执行了两次

最新推荐文章于 2022-11-16 10:42:08 发布
最新推荐文章于 2022-11-16 10:42:08 发布
阅读量439 收藏
点赞数
文章标签： javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_43489947/article/details/125391707
版权

button标签的type熟悉默认为submit，即使不写type属性也是这样，绑定onclick事件执行submit提交表单会提示当前页面正在提交。把type属性值改为button即可。

解决 php提交表单到当前页面，刷新会重复提交 的问题
u012466451的博客
04-02 7982
下午有一个朋友问我这个问题，其实解决办法很简单： 只需要在表单里生成一个token(随机字符串)，然后用个input装起来，设置hidden。第一次post处理完数据后把token存入session，接下来每次post判断一下token跟session中的一不一样，一样则说明数据处理过了。 下面是我用php写的简单demo，直接运行一下就可以了 <?php session_start();
Flink提交任务
别人笑我太疯癫，我笑他人看不穿。
11-03 5479
Flink提交任务的方式有两种，第一种是自带的UI页面，但是这种提交方式很少有团队正式使用，因为这种方式的资源分配是按照task节点为单位运行并度的，一个并行度就要占用一个task节点，国内九成九的都是普通公司，不是大厂，根本用不起，这也是flink很少在国内使用的原因。第二种提交方式就是命令行模式，这种方式下就和UI提交是同源的，也可以提交给yarn。说白了就是国内使用flink时，也只是提交给了yarn，很少有公司有那个经济实力，直接把任务交给flink自身的jobmanager。
ASP.NET中防止页面刷新造成表单重复提交执行两次操作
01-02
之前看过别人防刷新的方法，是让页面刷新或返回上一步让页面过期，这里介绍一种另类的方法，使用Session来处理。 实现原理： 由于刷新提交表单，实际上提交的就是上一次正常提交的表单，所以我们只要做一个标志，判断出是新表单还是上一次的旧表单就可以分辨出是否进行了重复提交操作。 实现方法： 在页面上放置一个Hidden域，当页面第一次载入的时候，在Session里面保存一个标志，同时，把这个标志保存到页面上的Hidden里面。在提交表单时，判断表单中提交上来的Hidden和Session中的标志是否一致，就可以知道是正常的提交表单，还是刷新页面导致的重复提交。需要注意的是，在每次提交表单的处理
ajaxsubmit提交两次
weixin_51252004的博客
11-16 232
ajaxSubmit 提交执行两次方法
form layui 同时提交多个对象_layui的表单提交为什么执行了两次
weixin_39950552的博客
12-19 247
Titlehref="/webjars/layui/2.2.5/css/layui.css">href="/webjars/layui/2.2.5/css/modules/layer/default/layer.css">src="/webjars/jquery/3.2.1/dist/jquery.js">src="/webjars/layui/2.2.5/layui.js">src=...
ajaxSubmit()进行表单提交时总会发送两次请求
翼幻幻幻幻的博客
01-21 971
# 项目场景： JQuery Form 问题描述： 每次登录时总会出现两次登录信息 打断点后发现每次访问接口时总会发送两次请求 使用ajaxSubmit()进行提交的 $("#login").click(function () { $("#loginForm").ajaxSubmit(function (data) { data = $.parseJSON(data); if (data.code == 0) { alert("登陆成功".
asp.net 解决重复提交问题
路在何方
12-05 1115
解决方法一：              .Framework2.0中才有的button属性：             解决重复提交：OnClientClick="this.disabled=true;this.form.submit();" UseSubmitBehavior="False"解决方法二：             this.btnSubmit.Attributes["
js防止表单重复提交的两种方法
10-26
通过记录表单提交时间，然后与当前时间进行对比，如果两次操作的时间间隔小于预设值，则不允许提交。这种方法较为高级，因为它涉及到时间的计算和比较，适用于对重复提交有严格限制的场景。 具体代码中，我们创建了...
php中防止恶意刷新页面的代码小结
10-27
对于防止IE6双击提交的问题，如果表单提交按钮是图片并且绑定了`onclick`事件，可能会导致提交两次。为了避免这种情况，可以考虑使用纯HTML的`<input type="submit">`元素，或者在JavaScript中禁用提交按钮的点击...
php表单加入Token防止重复提交的方法分析
10-21
同时，Token的生命周期也应该合理控制，一般建议在用户完成一次提交后立即废弃当前的Token，并生成一个新的Token值。 最后，虽然Token机制为防止表单重复提交和CSRF攻击提供了有效的手段，但开发者仍然需要结合其他...
submit多次提交
zengshaotao的专栏
06-07 401
为了美化表单，很多情况下都会把提交按钮改成用一个图片来代替，但是经常会出现二次提交的问题。因为。“&lt;input type="image"&gt;”其实和“&lt;input type="SUBMIT"&gt;”起到的作用是相同的，单击就会执行submit()操作。要解决这样的问题，一般都是将提交按钮的背景图片用CSS来填充，而不是用input type=image的标签。当然用 &lt;...
layui框架，form提交了两次，问题原因
热门推荐
Mark技术之家
05-17 1万+
刚刚在写ajax的时候，发现表单提交了两次，代码如下：form.on('submit(user_addd_confirm)', function () { alert('form');return false; });原来，layui.js自动所有包含了modules模块，我本地额外的引入了/layui/lay/modules/form.js导致了表单两次提交。...
submit提交两次
yyyu41的专栏
10-14 812
最近提交的时候，老是出现重复提交的情况。还有是用js的document.forms[0].action="preexamSubject.action?mark=1";      document.forms[0].submit();提交，老是出现到一个数组，为空时，出现","这是因为用submit，同时又是submit按钮，所以提交了两次，出现错误，以后要注意。 ...
form表格提交会提交两遍的解决办法
qq_44889499的博客
07-18 2157
form表格提交会提交两遍的解决办法（submit） idea中为save，但是发现保存了两遍，在数据库中连续添加了两条记录 解决方法（两种）： 1.不使用形式为submit的类型改为button的类型 2.在$(’#submit’).click函数中，在最后一行添加return false，可以阻止submit执行两次 最后只有一遍数据进入 ...
页面提交处理时候显示“正在处理，请稍后……”，防止二次提交功能。
weixin_33841722的博客
10-14 2273
1.Ajax实现 页面提交处理时候显示“正在处理，请稍后……”，防止二次提交功能。 在后台处理事件代码中添加：System.Threading.Thread.Sleep(1000);延迟处理可以显示效果 Code<htmlxmlns="http://www.w3.org/1999/xhtml"><headid="Head1"runat="server">...
layui-form表单连续提交两次（submit提交）已解决
weixin_51579206的博客
06-01 1653
原因：是否时连续两次
Layui(十六) Layui Form 提交错误会显示两遍提交信息
qq_42142258的博客
04-15 636
目的： 1、Layui form 表单提交错误参数后会显示两遍错误提示（一遍是系统错误提示，一遍是自定义提示消息） 过程： 解决方法： ①、将 【表单】 提交方法改成 【按钮】 提交 原方法： form.on('submit(demo1)', function(data){ // 自定义逻辑 ...
layUI form表单 防止多次点击重复提交
longe20111104的博客
04-30 1269
layUI form表单 防止多次点击重复提交 //监听 弹框-变更处理备注-提交 form.on('submit(popFormSubPass)', function (data) { //防止重复点击: 单击之后提交按钮不可选,防止重复提交 var DISABLED = 'layui-btn-disabled'; $(':button').addClass(DISABLED); // 添加样式 $(':button')
asp.net中，表单提交后，防刷新重复提交、防后退解决办法
Jack @ 优快云
12-24 125
为避免操作重复提交，操作后刷新的确是个常见的问题，查了查资料后，发现，解决这个问题原来有个很简单的办法。 asp.net中，表单提交一般在一个事件中，提交后一般会友好的提示一些成功信息，然后重定向到某一个页面(可能还是原提交页面，可能是其他页面)。只需要在事件的最后，加入Response.Write("<script>alert('Success(Or other messa...
elementui表单提交时验证
最新发布
01-09
### ElementUI 表单提交时的验证实现 在ElementUI中，表单组件提供了内置的方法来执行完整的表单验证或仅针对特定字段进行验证。对于整个表单的有效性检查，在用户尝试提交数据之前调用`this.$refs.formName.validate()`函数可以触发所有定义好的规则[^1]。 当需要验证多个字段而不是全部时，可利用`validateField`方法并传入想要单独检验的一个或几个属性名称作为参数。此操作允许开发者灵活控制哪些部分的数据应当被即时校验而不必等待最终确认动作的发生。 为了展示具体的实践方式，下面给出一段简单的Vue.js代码片段用于创建带有基本输入框以及相应约束条件（如不能为空）的HTML页面，并展示了如何处理成功与失败两种情形下的逻辑分支： ```html <template> <el-form :model="ruleForm" status-icon :rules="rules" ref="ruleForm"> <!-- 用户名 --> <el-form-item label="用户名" prop="username"> <el-input v-model="ruleForm.username"></el-input> </el-form-item> <!-- 密码 --> <el-form-item label="密码" prop="password"> <el-input type="password" v-model="ruleForm.password" autocomplete="off"></el-input> </el-form-item> <!-- 提交按钮 --> <el-button @click.prevent="submitForm('ruleForm')">立即创建</el-button> </el-form> </template> <script> export default { data() { return { ruleForm: { username: '', password: '' }, rules: { username: [ { required: true, message: '请输入用户名', trigger: 'blur' } ], password: [ { required: true, message: '请输入密码', trigger: 'change' } ] } }; }, methods: { submitForm(formName) { this.$refs[formName].validate((valid) => { if (valid) { alert('submit!'); } else { console.log('error submit!!'); return false; } }); } } }; </script> ``` 上述例子中的`submitForm`函数会在点击“立即创建”的时候被执行，它接收一个字符串类型的形参代表要验证的目标表单项的名字。通过访问当前实例上的`$refs`对象获取到对应的DOM节点之后再调用其上挂载着的`validate`回调来进行实际的工作流程判断——即要么继续后续业务过程；要么提示错误信息给前端使用者知道哪里出了错以便改正后再试一次。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值