您的位置:首页 > Web前端 > JavaScript

js控制,提交后隐藏提交按钮,并一分钟内不能再次提交

2011-11-02 15:53 387 查看
var submitLimitTime = 1000 * 60;//设置表示1分钟的时间
var canSubmit = true;//设置可以提交

var personalExtend={
clear : function() {//把form表单清空
var personalExtendInfoForm = $("#personalExtendInfoForm");

personalExtendInfoForm.find(":text").val("");
personalExtendInfoForm.find(":radio:checked").attr("checked",false);
personalExtendInfoForm.find(":checkbox:checked").attr("checked",false);
//personalExtendInfoForm.find("select").val("-1");
personalExtendInfoForm.find("select").each(function() {
$(this).find("option:first").attr("selected", true);
});
}
update:function()
{
if (!canSubmit) {
alert(demoMessage.submitLimit);
return;
}
$.ajax({
type: "post",
dataType: "json",
url: $.newegg.buildCurrent("Ajax/Customer/AjaxPersonalExtendInfo.aspx"),
timeout: 30000,
data: {
StrExtendInfo:escape(strExtendInfo)
},
beforeSend: function(XMLHttpRequest) {
showProcessing(true);//隐藏提交按钮,显示等待样式
},

success: function(data, textStatus) {
if (data.Type == 0) {
//success
alert(data.Description);
} else if (data.Type == 2) {
//error
alert(data.Description);
}
//alert(data.Data.BlogAddresses);
//alert("Success!");
//window.location.reload();

canSubmit = false;
setTimeout(function() {//settime函数表示过了submitLimitTime时间就执行函数的第一个参数,一般是一个方法
canSubmit = true;//过了一分钟就把canSubmit设置为true,就可以再次提交数据了
}, submitLimitTime);
},
complete: function(XMLHttpRequest, textStatus) {
showProcessing(false);//显示提交按钮,隐藏等待样式
},
error: function() {
alert("error");
}
});
}
}

function getProcessing() {//生成一个等待的样式
var processing = $("#processing");
if (processing.length == 0) {
processing = $('<span id="processing" class="cmnLoadB"><img align="absmiddle" src="' + demoMessage.buttonProcessingImage + '"/>' +

demoMessage.buttonProcessingText + '</span>');
$("#cancelPersonalInfo").after(processing);
}
return processing;
}

function showProcessing(isShow) {//参数是true就隐藏提交按钮,为false就再显示提交按钮
var btnSubmitAndClear = $("#btnSavePersonalInfo,#cancelPersonalInfo");
var btnProcessing = getProcessing();

if (isShow) {
btnSubmitAndClear.hide();
btnProcessing.show();
} else {

btnSubmitAndClear.show();
btnProcessing.hide();
}
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: