js防止用户多次点击提交

在网页中如果点击完一个提交按钮响应比较慢,用户习惯性地会再次点击该按钮,此时我们的程序需要做一个判断,来防止多次点击提交。

var ajaxRunningFlg = false;

function add() {

//防止多次点击提交

if (ajaxRunningFlg ) {

return;

} else {

ajaxRunningFlg = true;

}

if (!inputCheck()) {

ajaxRunningFlg = false;

return;

}

audit();//业务函数

ajaxRunningFlg = false;

}

时间: 2024-08-01 18:25:24

js防止用户多次点击提交的相关文章

在浏览器中如何用js判断用户是通过点击的链接进来的页面,还是直接通过输入url地址栏进来的页面。

<script> if (document.referrer=="") { alert("直接输入地址或者使用特殊跳转!"); window.location.href="/"; } </script>

yii防止延迟用户多次点击按钮重复提交数据

是不是被用户的行为所困扰? 一. 一个表单用户点击提交按钮了N次,这也导致了数据提交了N次. 为了此受到了测试的欺辱,受到了老板的批评? 不用怕,它就是来拯救你的. 第一步:打开命令行,敲入 composer require light\yii2-lock-form=~1.0.0 第二步:上个厕所 第三步:如果你的项目中已经使用了 yii2-bootstrap, 那么好,只需要在的你的 AppAsset 「whatever, 只要你全局依赖的就成」 轻轻的敲入: 'depends' => [ /

asp.net中如何防止用户重复点击提交按钮

asp.net中如何防止用户重复点击提交按钮 asp.net 中防止因为网速慢等影响交互的问题导致用户可能点击多次提交按钮,从而导致数据库中出现多条重复的记录,经过亲自验证在网上找的方法,找到两个切实可行的方法:第一种方法1.页面前台按钮: <asp:Button ID="btnSumbit" runat="server" Text="提交" onclick="btnSumbit_Click" /> 在后台Page

Vue.Js的用户体验优化

一次基于Vue.Js的用户体验优化 一.写在前面 半年以前,第一次在项目上实践VueJs,由于在那之前,没有Angular,avalon等框架的实践经验,所以在Vue的使用上,没有给自己总结出更多的经验和体验.随着项目进行和优化改版,无论是新代码的增加还是旧代码,在功能的实现和代码的书写上,Vue逐渐替代了Jquery,除了有些不容易替换和没有找到基于vue更合适的组件.Vue的使用,在我个人的感受中减轻了我操作dom的负担,我不需要从dom中获取数据,然后拼装数据,也不需要向dom中回写展示数

【ASP.NET】 【防止连续多次点击提交按钮 导致页面重复提交】

最近做项目遇到了这样的情况: 公司网络比平常慢了不少,在点击保存按钮提交页面后需等待挺长的一段时间,忍不住手贱点多了几次,当提交完成后发现数据库语句执行异常. 两种验证方式: 第1种: aspx页面按钮: <asp:Button ID="btnSumbit" runat="server" Text="提交" onclick="btnSumbit_Click" /> Page_Load 事件: btnSumbit.A

谈谈防止重复点击提交&lt;转&gt;

http://www.cnblogs.com/jinguangguo/archive/2013/05/20/3086925.html 首先说说防止重复点击提交是什么意思. 我们在访问有的网站,输入表单完成以后,单击提交按钮进行提交以后,提交按钮就会变为灰色,用户不能再单击第二次,直到重新加载页面或者跳转.这样,可以一定程度上防止用户重复提交导致应用程序上逻辑错误. 不妨引深来看,它不一定发生在表单的提交事件上,同样可以发生在ajax的异步请求上.有效地在web客户端采用一定机制去防止重复点击提交

控制用户多次点击Ajax

在用户点击确定后,为防止用户多次点击,应在用户点击时加一个点击事件.点击即触发 1.前台aspx页面的html,需要在head中引用js文件PageAjax.js <head>  <script src="../js/PageAjax.js" type="text/javascript"></script></head><body> <input type="text" id=&q

smartwizard 点击提交按钮后界面被刷新

项目中用到了smartwizard,对用户的入网配置进行了分步操作 这个插件给的范例中除了提供上一步下一步之外, 还可以添加其他的按钮 我这边额外添加了两个按钮,分别是提交和关闭 点击提交按钮时,异步向后台提交数据,步骤配置代码如下: $('#smartwizard').smartWizard({ selected: 0, theme: 'dots', cycleStep: false, transitionEffect:'fade', keyNavigation: false, showSte

js记录用户在网站的浏览记录和停留时间(2)

问题:上次的代码确实解决了一部分用户访问记录的收集,但是还是存在一个问题就是 我们网站的注册 都是新页面打开的,如果用户刚进入网站就点击注册(打开了新的页面) ,我代码里用到的 onbeforeunload 就无法将用户进入的页面存储到本地了,也就是导致 访问了网站 直接点击注册的用户 无法被记录.所以这次对数据的记录方式做了拆分. 这个是上一次文章的链接:http://weber.pub/js记录用户行为浏览记录和停留时间/163.html 思路 当用户进入网站,页面加载完成的时候执行 win