点击按钮提交事件，如何控制鼠标连续点击提交重复内容问题

点击按钮提交事件，如何控制鼠标连续点击提交重复内容问题，怎么样控制不管鼠标连续点击提交按钮多少次，最终只提交一条内容。
FineReport jackywjc 发布于 2021-4-15 11:59
1min目标场景问卷 立即参与
回答问题
悬赏：3 F币 + 添加悬赏
举报
提示：增加悬赏、完善问题、追问等操作，可使您的问题被置顶，并向所有关注者发送通知
共7回答
最佳回答
0
shirokoLv6资深互助
发布于2021-4-15 13:40

自定义单次提交.cpt

自定义按钮替换原来的提交
举报 收起评论(1)
  • 慕丶瑾轩 慕丶瑾轩 大佬，这个按钮在哪
    2022-02-28 13:26 
最佳回答
0
Edward_DDLv5中级互助
发布于2021-4-15 12:08

如下图，设置填报属性时，选择未修改不更新

image.png
最佳回答
0
snrtuemcLv8专家互助
发布于2021-4-15 12:43

填报成功，刷新页面啊

JS实现当前页刷新-https://help.fanruan.com/finereport/doc-view-1394.html

举报 收起评论(2)
  • jackywjc jackywjc(提问者) 做的有刷新：FR.remoteEvaluate(v_sql); setTimeout(function(){ location.reload() },10); 就是在点击提交时，瞬间连续性点击鼠标（狂点鼠标）会提交多条数据。
    2021-04-15 15:33 
  • snrtuemc snrtuemc 回复 jackywjc(提问者) 那这个使用帆软提交，好像还真没办法，暴力啊
    2021-04-15 15:36 
最佳回答
0
promiseykl1988Lv7初级互助
发布于2021-4-15 13:24（编辑于 2021-4-15 13:24）

点击后禁用此按钮。

然后刷新页面
举报 收起评论(1)
最佳回答
0
万里疆域一片叶Lv4见习互助
发布于2021-4-15 13:45

设置校验条件啊
举报 收起评论(1)
  • jackywjc jackywjc(提问者) 有校验条件，是点击提交的那一瞬间，狂点鼠标提交，会出现重复提交结果。
    2021-04-15 15:30 
最佳回答
0
libraproLv3见习互助
发布于2024-4-1 22:36

document.querySelector('.fr-btn-text.x-emb-ok').addEventListener('click', function() {

  this.disabled = true;

  setTimeout(() => {

    this.disabled = false;

  }, 5000);

});
  • 8关注人数
  • 1006浏览人数
    • 最后回答于：2024-4-1 22:36
    活动推荐 更多
    热门课程 更多
    请选择关闭问题的原因
    确定 取消
    隐私政策
    帆软用户服务协议
    联系管理员
    联系帆软
    Copyright© 帆软软件有限公司 版权所有
    苏ICP备18065767号
    返回顶部