JavaScript中防止重复提交

有这么一种情况: 页面有一个按钮,点击之后会触发Ajax请求,但是用户在点击之后,不知道是否点成功了,于是又点了一下,如果不加处理的话,就会进行两次Ajax请求,并且请求的数据都是一样的,对后端的程序会产生一定影响. 解决方案:在用户点击按钮之后,在收到后端程序传回的结果之前,将按钮设置为灰度,即设置为不可点,disabled.…

在进行form提交时，根据form的选择，在javascript中进行特定提交

1.html代码片段 <form name="form1" method="post" action=""> <select name="select1"> <option value="a.htm" selected>a.htm</option> <option value="b.htm">b.htm</option&g…

关于EsayUI中datagrid重复提交后台查询数据的问题

直接上代码: <table id="XXXX" style="width:100%;height:100%;" class="easyui-datagrid"> $("#XXXX").datagrid({ rownumbers: true, nowrap: false, fitColumns: true, fit: true, cache: false, singleSelect: false, onBeforeS…

关于Asp.Net中避免用户连续多次点击按钮，重复提交表单的处理

Web页面中经常碰到这类问题,就是客户端多次点击一个按钮或者链接,导致程序出现不可预知的麻烦. 客户就是上帝,他们也不是有意要给你的系统造成破坏,这么做的原因很大一部分是因为网络慢,点击一个操作之后,系统响应慢,于是点击多次.如果我们遇到这种情况, 也许是一样的操作方法,所以解决问题才是王道. 废话不多说,直接切入正题. 方法一:在客户端制作一个遮罩层. 即用js和css制作一个纯白色或者黑色的遮罩的div,当客户端点击按钮时,弹出这个div并覆盖在当前用户界面之上, 这样遮罩层下面的内容被屏蔽…

web前端防治重复提交

web前端开发中防治重复提交 web前端数据请求或者表单提交往往通过对dom的点击事件来操作,但是往往因为认为点击过快(少年手速挺快的嘛),或者因为响应等待使得用户误人为没操作而重复很多次点击,造成表单数据的连续重复提交,造成用户体检的不好,甚至影响到整个系统的安全性.而前端的防治重复提交至少很有效的防治了人为正常操作下的很多不必要麻烦.下面就来讲讲如何有效避免前端的表单重复提交表单提交有以下几种方式: <form name="form" method="post&q…

js阻止form表单重复提交

防止表单重复提交的方法总体来说有两种,一种是在js中阻止重复提交:另一种是在后台利用token令牌实现,大致思路是生成一个随机码放到session和form表单的隐藏输入框中,提交表单时两者对比,表单处理完毕清空或者修改session中的token. 在js中处理简单易懂,同时能解决我现在所做的项目中的问题,目前暂用js处理,后期如有需要再研究token机制.代码如下: 1.表单提交后禁用提交按钮(在本项目中表单提交完成后,如果处理成功都把form表单关掉了) /** * form表单格式验证通…