js中防止连续点击按钮导致多次重复提交数据的方法
2017-07-25 09:40
1236 查看
可使用unbind方法将按钮的绑定时间移除
具体代码如下:
// 参与人查询码查询密码填写完毕提交
function yzCxmAndCxmmFunction(thisclass){
$('#yzCxmAndCxmm').unbind("click"); //防止多次重复提交
if (checkYhzc('cxmDiv', null, '.fd-kong', '.fd-kong01')) {
layer.load();
$.post("checkCxm.htm", {
cxm : $.trim($('#cxm').val()),
cxmm : $.trim($('#cxmm').val()),
CSjyzm : $.trim($('#cxmsjyzm').val()),
CPhone : $.trim($('#cxmsjhm').val())
}, function(data) {
layer.closeAll('loading');
$('#yzCxmAndCxmm').bind("click", function(){yzCxmAndCxmmFunction($(this));});
var parseData = $.parseJSON(data);
if (parseData.success == true) {
$('#cxmHidden').val($.trim($('#cxm').val()));
$('#cxmmHidden').val($.trim($('#cxmm').val()));
yhzcbtn(thisclass);
if(pagecontext.dsrType.ZRR == parseData.dsrList.NDsrlx){
var zjlxValue = eachObj(pagecontext.idcardtype,
parseData.dsrList.NSfzjzl);
} else if(pagecontext.dsrType.FR == parseData.dsrList.NDsrlx || pagecontext.dsrType.FFRZZ == parseData.dsrList.NDsrlx){
var zjlxValue = eachLegalObj(pagecontext.legalCreType,
parseData.dsrList.NSfzjzl);
}
$('#czyzc_zjlxInit').attr("attr-zjlx", parseData.dsrList.NSfzjzl);
$('#czyzc_zjlxInit').val(zjlxValue);
$('#cyrzcsjhm').val(parseData.dsrList.CPhone);
} else {
if(isNullOrEmpty(parseData.propName)){
showFalseInfoDiv(parseData.messages);
} else {
if(parseData.propName == "CSjyzm"){
backErrorShow('cxmDiv', parseData.propName, parseData.messages, '.fd-kong01');
} else {
backErrorShow('cxmDiv', parseData.propName, parseData.messages, '.fd-kong');
}
}
return;
}
});
} else {
$('#yzCxmAndCxmm').bind("click", function(){yzCxmAndCxmmFunction($(this));});//对按钮重新绑定该事件
}
}
函数处理完提交的数据之后要对按钮重新绑定该事件
具体代码如下:
// 参与人查询码查询密码填写完毕提交
function yzCxmAndCxmmFunction(thisclass){
$('#yzCxmAndCxmm').unbind("click"); //防止多次重复提交
if (checkYhzc('cxmDiv', null, '.fd-kong', '.fd-kong01')) {
layer.load();
$.post("checkCxm.htm", {
cxm : $.trim($('#cxm').val()),
cxmm : $.trim($('#cxmm').val()),
CSjyzm : $.trim($('#cxmsjyzm').val()),
CPhone : $.trim($('#cxmsjhm').val())
}, function(data) {
layer.closeAll('loading');
$('#yzCxmAndCxmm').bind("click", function(){yzCxmAndCxmmFunction($(this));});
var parseData = $.parseJSON(data);
if (parseData.success == true) {
$('#cxmHidden').val($.trim($('#cxm').val()));
$('#cxmmHidden').val($.trim($('#cxmm').val()));
yhzcbtn(thisclass);
if(pagecontext.dsrType.ZRR == parseData.dsrList.NDsrlx){
var zjlxValue = eachObj(pagecontext.idcardtype,
parseData.dsrList.NSfzjzl);
} else if(pagecontext.dsrType.FR == parseData.dsrList.NDsrlx || pagecontext.dsrType.FFRZZ == parseData.dsrList.NDsrlx){
var zjlxValue = eachLegalObj(pagecontext.legalCreType,
parseData.dsrList.NSfzjzl);
}
$('#czyzc_zjlxInit').attr("attr-zjlx", parseData.dsrList.NSfzjzl);
$('#czyzc_zjlxInit').val(zjlxValue);
$('#cyrzcsjhm').val(parseData.dsrList.CPhone);
} else {
if(isNullOrEmpty(parseData.propName)){
showFalseInfoDiv(parseData.messages);
} else {
if(parseData.propName == "CSjyzm"){
backErrorShow('cxmDiv', parseData.propName, parseData.messages, '.fd-kong01');
} else {
backErrorShow('cxmDiv', parseData.propName, parseData.messages, '.fd-kong');
}
}
return;
}
});
} else {
$('#yzCxmAndCxmm').bind("click", function(){yzCxmAndCxmmFunction($(this));});//对按钮重新绑定该事件
}
}
函数处理完提交的数据之后要对按钮重新绑定该事件
相关文章推荐
- 防止快速连续点击按钮重复提交数据之一(自定义方法实现)
- Jquery 实现表单提交按钮变灰,防止多次点击提交重复数据
- 防止快速连续点击按钮重复提交数据之二(定时器实现)
- 防止用户多次点击导致重复提交数据的问题
- 关于Asp.Net中避免用户连续多次点击按钮,重复提交表单的处理
- Android之有效防止按钮多次重复点击的方法(必看篇)
- js-按钮点击后变为不可点击状态,防止多次提交
- 关于Asp.Net中避免用户连续多次点击按钮,重复提交表单的处理
- 解决:防止页面按钮被重复点击,导致页面重复提交的问题
- 关于Asp.Net中避免用户连续多次点击按钮,重复提交表单的处理
- 多次连续点击导致Ajax重复提交
- 网络充值支付过程游戏公司如何防止由于页面多次刷新导致重复提交数据导致多次充值的问题
- 多次点击表单提交按钮,防止表单重复提交
- 注册或者点击按钮时,怎么防止用户重复提交数据(实例讲解)
- android防止搜索按钮连续点击加载多次数据
- 关于用js自动postback.自动提交数据(不用点击按钮)的方法 button,linkbutton
- 防止按钮多次点击、重复提交【基于Jquery】
- Asp.net 按钮防止点击多次数据提交
- Swift 防止快速连续点击"提交"按钮,造成多次提交
- 防止用户多次点击按钮导致页面被多次提交