button按钮防重复提交（点击提交之后提交按钮变灰，操作执行完之后恢复）

最新推荐文章于 2024-11-10 11:25:41 发布

chuli0504

最新推荐文章于 2024-11-10 11:25:41 发布

阅读量607

点赞数

文章标签： c# json javascript ViewUI

原文链接：https://my.oschina.net/u/3278373/blog/876757

版权

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

转载于:https://my.oschina.net/u/3278373/blog/876757