button按钮防重复提交(点击提交之后提交按钮变灰,操作执行完之后恢复)
2017-04-11 00:00
525 查看
jsp中form表单: <form action="" id="form"> <table style="width:80%;height:80%;" border="1" cellspacing="0" cellpadding="0" align="center" valign="middle"> <tr> <textarea rows="10%" name="content" id="content" style="width: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; } }); }
相关文章推荐
- button按钮防重复提交(点击提交之后提交按钮变灰)
- Android Button按钮点击两次之后,才执行点击事件的操作。
- 另类办法,实现点击按钮后禁用,直到操作完成后恢复,防止重复操作,实用
- 另类办法,实现点击按钮后禁用,直到操作完成后恢复,防止重复操作,实用
- 另类办法,实现点击按钮后禁用,直到操作完成后恢复,防止重复操作,实用
- 另类办法,实现点击按钮后禁用,直到操作完成后恢复,防止重复操作,实用
- VB.Net中点击按钮(Button)会重复提交两次表单
- 如何处理:下载文件的按钮在事件未完成之前防止多次点击,事件完成之后又能继续点击提交
- 点击提交按钮后,让Button变为不可用防止多次提交
- 防止按钮多次点击、重复提交【基于Jquery】
- delphi 网页提交按钮执行点击事件
- 注册或者点击按钮时,防止用户重复提交数据
- 后台设置按钮禁止多次点击重复提交数据
- ASP.NET怎么防止多次点击提交按钮重复提交
- 点击按钮可能执行的操作总结
- C#MessageBox弹出的确认对话框点击确定按钮 ,要执行某个操作
- vs11 express javascript button执行一个点击操作
- 提交按钮点击后变灰色(不能再点),页面处理完毕后变为正常,避免重复提交
- 点击提交按钮后,让button变为不可用防止多次提交
- 解决:防止页面按钮被重复点击,导致页面重复提交的问题