提交按钮重复提交
2014-05-06 17:39
225 查看
当我们做一个表单提交的时候,客户端如果网速慢,多次点击提交,就会对你产生一些麻烦了。
这里有一种解决办法。
如图,一个登陆的效果。
点击后就不能再点了。代码如下:
<a href="javascript:void(0)" class="btn_style3" onclick="send()">立即登陆</a>
function send(){
//这里对你的表单的各种验证,验证完了,提交
$(".btn_style3").text("正在支付...");
$(".btn_style3").attr("onclick", "");
$(".btn_style3").css("cursor", "default");
//$(this).attr("href", "#");
$(".btn_style3").click(function(event){
event.preventDefault(); //如果<a>定义了 target="_blank“ 需要这句来阻止打开新页面
});
$("#form").submit();//提交form
}
这样就能很好的避免重复提交的操作。
这里有一种解决办法。
如图,一个登陆的效果。
点击后就不能再点了。代码如下:
<a href="javascript:void(0)" class="btn_style3" onclick="send()">立即登陆</a>
function send(){
//这里对你的表单的各种验证,验证完了,提交
$(".btn_style3").text("正在支付...");
$(".btn_style3").attr("onclick", "");
$(".btn_style3").css("cursor", "default");
//$(this).attr("href", "#");
$(".btn_style3").click(function(event){
event.preventDefault(); //如果<a>定义了 target="_blank“ 需要这句来阻止打开新页面
});
$("#form").submit();//提交form
}
这样就能很好的避免重复提交的操作。
相关文章推荐
- 图片提交按钮和重复提交表单
- JavaScript 不重复提交(当用户连续点击提交按钮 情景)
- asp.net中如何防止用户重复点击提交按钮
- js控制再次点击按钮之间的间隔时间可防止重复提交
- (转)防止页面按钮重复提交的方法
- 如何防止按钮重复提交的一个实践
- js仿止用户重复点击提交按钮
- asp.net JS控制页面按钮在后台执行期间不重复提交
- asp.net页面防止按钮重复提交的小技巧
- 一步步打造防止重复提交按钮
- (表单重复提交)jquery验证 通过时,提交按钮变灰,不通过时正常显示
- 提交一次后按钮变灰,防止重复提交表单
- ASP.NET怎么防止多次点击提交按钮重复提交
- 防止Asp.net按钮重复提交。
- 【转】防止用户通过后退按钮重复提交表单ASP中的response.Buffer,Response.Expires,Response.CacheControl
- ASP.NET防止重复点击提交按钮
- js提交按钮变灰色,防止用户重复提交
- asp.net JS控制页面按钮在后台执行期间不重复提交
- 防止快速连续点击按钮重复提交数据之一(自定义方法实现)
- 提交一次后按钮变灰,防止重复提交表单