zoukankan      html  css  js  c++  java
  • 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();
        }
    }

  • 相关阅读:
    入职外包一个月的感受!(读者投稿)
    作为架构风格的 REST 到底是什么
    PHP基础之查找
    PHP基础之排序
    PHP入门之数组
    PHP入门之函数
    PHP入门之流程控制
    PHP入门之类型与运算符
    DC-1靶机实战和分析
    【基础算法】 状态压缩DP---蒙德里安的梦想
  • 原文地址:https://www.cnblogs.com/lmfeng/p/2233165.html
Copyright © 2011-2022 走看看