jquery重复提交,jquery防止重复提交
jquery 如何防止重复提交
//如果是input就直接在提交过程中将按钮disable掉,如果是a可以用下面这种,当然解决根本问题还是后端验证重复提交的好
创新互联是一家集网站建设,邹平企业网站建设,邹平品牌网站建设,网站定制,邹平网站建设报价,网络营销,网络优化,邹平网站推广为一体的创新建站企业,帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿,时刻以成就客户成长自我,坚持不断学习、思考、沉淀、净化自己,让我们为更多的企业打造出实用型网站。
var sub = false;
$(btn).click(function(){
if(sub === true){
return;
}
sub = true;
$.post(url, function(){
//TODO
sub = false;
})
});
jqueryajax如何避免重复提交?
其实方法很简单,就是在用户点击了提交按钮之后将按钮设置为不可点击即可,具体代码如下:
$('#submit').click(function(){
var objButton=$(this);
var content=$('#content').val();
$.ajax({
url:web_url+'jquery.php',
type:'post',
cache:false,
data: 'action=submitcontent='+content,
beforeSend:function(){//触发ajax请求开始时执行
objButton.val('提交中').attr('disabled',true);//改变提交按钮上的文字并将按钮设置为不可点击
},
success:function(txt){//ajax请求成功后执行
//这里做相关逻辑判断了,具体根据自己的情况看了
},
error:function(){//ajax发生错误时执行
alert('数据请求出错!');
},
complete:function(){//ajax请求完成时执行
objButton.val('提交').attr('disabled',false);//改变提交按钮上的文字并将按钮设置为可以点击
}
});
});
jquery提交form表单时禁止重复提交的方法
这篇文章主要介绍了jquery提交form表单时禁止重复提交的方法,需要的朋友可以参考下
代码如下:
$(document).ready(function()
{
$('form').submit(function()
{
if(typeof
jQuery.data(this,
"disabledOnSubmit")
==
'undefined')
{
jQuery.data(this,
"disabledOnSubmit",
{
submited:
true
});
$('input[type=submit],
input[type=button]',
this).each(function()
{
$(this).attr("disabled",
"disabled");
});
return
true;
}
else
{
return
false;
}
});
});
怎么防止jquery ajax重复提交~ - 技术问答
部分重要代码:
$.ajax({
type:'post',
url:'LibraryBooks_data.php',
data:params,
dataType: 'json',
async:false, //这是重要的一步,防止重复提交的
success: function (a)
{
if(a.action=='ture'){
$.success('操作成功!');
}
}
});
默认设置下,所有请求均为async异步请求。
如果需要发送同步请求,请将此async选项设置为 false。
注意,同步请求将锁住浏览器,用户其它操作必须等待请求完成才可以执行(默认: true) 默认设置下,所有请求均为异步请求。如果需要发送同步请求,请将此async选项设置为 false。
注意,同步请求将锁住浏览器,用户其它操作必须等待请求完成才可以执行。
如何用jquery来阻止页面重复提交?急急急
用一个变量,记录一下上次点击的时间,点击的时候判断当前时间和上次点击时间的差值。
或者
onclick="this.disabled=true;this.value='正在保存当中....';这里写你的提交事件"
点击以后把按钮变灰,等你的提交操作完成以后
,再启用这个按钮,然后修改按钮的text。
Jquery post嵌套重复提交。
有时会发生重复,可能就是重复点击、延时等意外问题。
建议每次提交之前建立一个变量,锁定提交状态,当提交的结果返回时,再解锁提交状态。例如:
var is_sending = false;
例如:
$('btn').click(function(){
if ( is_sending == true ){ //判断是否提交中
return false;
}else{
is_sending = true; //锁定提交状态
$.post('url', {data}, function(){
is_sending = false; //解锁提交状态
//处理结果。
})
}
})
文章题目:jquery重复提交,jquery防止重复提交
文章来源:http://scyanting.com/article/dsdedii.html