今天在做项目时,碰到了一个问题,当页面在提交时,若网速太慢,用户可能点击多次提交按钮。这样,导致向数据库中插入了多条相同的记录。在网上搜索了一下,终于得一良方,现在拿出来与大家分享。
//方法一:在提交时调用一段客户端的代码。
function a()
{
document.getElementById("btnok").value = '正在提交';
document.getElementById("btnok").onclick=function(){return false;};
return true;
}
<input id&#61;"btnok" runat&#61;"server" type&#61;"submit" value&#61;"确定" onclick&#61;"return a();"
onserverclick&#61;"Submit1_ServerClick" />
//方法二&#xff1a;必需要是Asp.net服务器控件。(注意UseSubmitBehavior属性)
<asp:Button ID&#61;"btnSumbit" runat&#61;"server" UseSubmitBehavior&#61;"false"
OnClientClick&#61;"this.value&#61;&#39;正在提交&#39;;this.disabled&#61;true; "
Text&#61;"提交" OnClick&#61;"btnSumbit_Click" />
今天在做项目时&#xff0c;碰到了一个问题&#xff0c;当页面在提交时&#xff0c;若网速太慢&#xff0c;用户可能点击多次提交按钮。这样&#xff0c;导致向数据库中插入了多条相同的记录。在网上搜索了一下&#xff0c;终于得一良方&#xff0c;现在拿出来与大家分享。
//方法一&#xff1a;在提交时调用一段客户端的代码。
function a()
{
document.getElementById("btnok").value &#61; &#39;正在提交&#39;;
document.getElementById("btnok").onclick&#61;function(){return false;};
return true;
}
<input id&#61;"btnok" runat&#61;"server" type&#61;"submit" value&#61;"确定" onclick&#61;"return a();"
onserverclick&#61;"Submit1_ServerClick" />
//方法二&#xff1a;必需要是Asp.net服务器控件。(注意UseSubmitBehavior属性)
<asp:Button ID&#61;"btnSumbit" runat&#61;"server" UseSubmitBehavior&#61;"false"
OnClientClick&#61;"this.value&#61;&#39;正在提交&#39;;this.disabled&#61;true; "
Text&#61;"提交" OnClick&#61;"btnSumbit_Click" />
function a()
{
document.getElementById("btnok").value &#61; &#39;正在提交&#39;;
document.getElementById("btnok").onclick&#61;function(){return false;};
return true;
}
<input id&#61;"btnok" runat&#61;"server" type&#61;"submit" value&#61;"确定" onclick&#61;"return a();"
onserverclick&#61;"Submit1_ServerClick" />
//方法二&#xff1a;必需要是Asp.net服务器控件。(注意UseSubmitBehavior属性)
<asp:Button ID&#61;"btnSumbit" runat&#61;"server" UseSubmitBehavior&#61;"false"
OnClientClick&#61;"this.value&#61;&#39;正在提交&#39;;this.disabled&#61;true; "
Text&#61;"提交" OnClick&#61;"btnSumbit_Click" />