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

  • 相关阅读:
    最短路回顾
    树链剖分【模板】
    grep 、find 、tree 新发现
    网口划VLAN
    JDK安装
    网口做trunk
    PXE搭建
    C# 生成DLL文件
    在form窗体里面 寻找当前焦点的控件
    在屏幕右下方显示提示信息(winform窗体)(借鉴)
  • 原文地址:https://www.cnblogs.com/linwenbin/p/11418995.html
Copyright © 2011-2022 走看看