[分享] JavaScript 防止表单二次提交

JS Code:

<script type="text/javascript">

// //方法一：

// var submit = 0;

// function checkSubmit(){

// submit = submit + 1;

// if (submit > 1){;

// alert('第 '+ submit +' 次提交');

// return false;

// }

// return true;

// }

//方法二：

var checkSubmitFlg = false;

function checkSubmit(){

if (!checkSubmitFlg){

//第一次提交

checkSubmitFlg = true;

return true;

}else{

//重复提交

alert("数据正在传送中，请勿重复提交！");

return false;

}

}

</script>
HTML Code:

<asp:Button ID="Button1" runat="server" Text="提 交" OnClientClick="return checkSubmit();" OnClick="Button1_Click" />
CS Code:
protected void Button1_Click(object sender, EventArgs e)
{

//为了测试提交时延迟效果，加个线程模拟下提交时间

System.Threading.Thread.Sleep(5000);

}

现在已经可以测试出，提交第二次的时候就弹出来啦。