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();
}
}
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();
}
}
相关文章推荐
- js控制,提交后隐藏提交按钮,并一分钟内不能再次提交
- js控制再次点击按钮之间的间隔时间可防止重复提交
- js控制再次点击按钮之间的间隔时间可防止重复提交
- asp.net JS控制页面按钮在后台执行期间不重复提交
- js控制再次点击按钮之间的间隔时间
- JS防止表单提交之后用户点击浏览器后退按钮再次提交
- js控制当再次点击按钮时的间隔时间
- js 页面按钮提交后 创建显示loading div 操作完成后 再隐藏或删除 进度div
- asp.net JS控制页面按钮在后台执行期间不重复提交
- js控制当再次点击按钮时的间隔时间
- 控制页面按钮在后台执行期间不重复提交的JS方法
- 控制页面按钮在后台执行期间不重复提交的JS方法
- 关于js中按钮类型是image时表单验证问题---点击一次可以验证再次点击直接提交--的问题
- 表单提交到下一个页面后,再点击IE上的后退,如何能让表单内容再次显示出来?(以及当前页禁止IE返回按钮js)
- 用JS控制触发哪一个提交按钮
- JS 控制网页轮播图片的自动,按钮,导航原点转换
- JS实现点击参数面板按钮显示或隐藏数据
- flex学习记录——按钮隐藏控制
- Js控制iphone端的input/textarea元素失去焦点时隐藏键盘
- Js控制 form 提交到不同的action