您的位置:首页 > Web前端

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;
}
});
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  前端