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

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();
    }
}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值