1. 按钮点击之后将其置灰,设置为不可点击
<form action="" method="post" onsubmit="onSubmit(this)">
<input type="input" name="username" value=""/>
<input id="sub" type="submit" value="提交"/>
</form>
<script>
var isCommited = false;
function submitOnce(form){
document.getElementById("sub").setAttribute("disabled",true);
}
</script>
2. 利用JavaScript的功能,但是使用的是OnSubmit()方法,如果已经提交过一次表单,将立即弹出对话框
<form action="" method="post" onSubmit="return submitOnce(this)">
<input type="input" name="username" value=""/>
<input type="submit" value="提交">
</form>
<script>
var isCommited = false;
function submitOnce(form){
if(!isCommited){
isCommited = true;
return true;
}else{
console.log("重复提交");
return false;
}
}
</script>