• button按钮防重复提交(点击提交之后提交按钮变灰,操作执行完之后恢复)


    jsp中form表单:

    <form action="" id="form">
    <table style="80%;height:80%;" border="1" cellspacing="0" cellpadding="0" align="center" valign="middle"> 
    <tr> 
    <textarea rows="10%" name="content" id="content" style="100%;height:30%;">
    </textarea>
    <div id="abc"align="center"> 
    <input class="button" name="button" id="button" type="button" value="提交" onclick="save()"/>
    <input class="button" name="reset" id="reset" type="reset" value="重置"/>
    </div>
    </tr> 
    </table>
    </form>

    js中save方法:

    function save() {
    document.getElementById('button').disabled=true;
    var content= document.getElementById('content').value;
    if (lefttrim(content)=="") {
    alert("内容不能为空");
    document.getElementById('button').disabled=false;
    return false;
    }
    var data = {};
    data.body = {
    messagesql : content,
    };
    var titlej = JSON.stringify(data);

    $.ajax({
    url:"/base/DBOperation/Operation",
    type:"POST",
    dataType:"json",
    contentType:"application/json",
    data:titlej,
    success:function(res){
    var retjson=JSON.stringify(res);
    var eValue =eval('('+retjson+')');
    var error=eValue["errors"];
    alert(error);
    document.getElementById('button').disabled=false;
    // $('#response').val(error);
    },
    error:function(){
    alert("返回失败!");
    document.getElementById('button').disabled=false;
    }
    });
    }

  • 相关阅读:
    BUG记录之 Database Connection Can’t Be Open!
    C#基础拾遗03注册表保存用户设置
    JQuery Ajax小磨合1
    SQL Server几个常用Date函数(二)
    浅谈设计模式01策略模式
    C#基础拾遗02XML串行化
    SQL Server 2008 R2学习心得
    WebService重载问题
    SQL Server几个常用date函数(一)
    C#获取打印机列表
  • 原文地址:https://www.cnblogs.com/linwenbin/p/11418995.html
Copyright © 2020-2023  润新知