asp点击提交按钮后让按钮变灰无法使用，该如何实现？

Posted 2023-05-11

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了asp点击提交按钮后让按钮变灰无法使用，该如何实现？相关的知识，希望对你有一定的参考价值。

参考技术A 假设网页文件名字为：001.asp
<%
flag=trim(request.Form("flag"))
if flag="save" then
response.Write("溪鸿影")
end if
%>
<form id="form1" method="post" action="">
<input name="submit" type="submit" value="提交" <% if flag="save" then %>disabled="disabled" <% end if %> />
<input name="flag" type="hidden" value="save" />
<input name="button" type="button" value="重新载入" onclick="window.location.href='001.asp'" />
</form>
说明：
此001.asp是在本页面内进行测试，当单击“提交”后，输出“溪鸿影”，同时提交按钮变为灰色的不可用状态，此时，单击“重新载入”，则回到最初的原始状态。追问

action是提交到另一页面的，没有在本页刷新，这样可以不？我试下

参考技术B <script language="javascript">
// 表单提交检测
function doCheck()
document.form1.Submit1.disabled=true;
document.form1.Submit1.value="正在投递中，请稍侯……";

</script>
<from>中加上onSubmit="return doCheck()" 参考技术C 根据需要把控件置成disabled就OK了

Jquery 实现表单提交按钮变灰，防止多次点击提交重复数据

表单提交时候我们应该控制提交按钮，不能点击多次进行数据的重复提交。要不然就会有冗余的重复的数据在系统中，造成系统出现数据垃圾。jQuery很简单的就可以实现对表单提交按钮控制，下面就是相关的例子和代码。

[html] view plain copy

<form action="${pageContext.servletContext.contextPath}/XXX/###" method="post" id="messageForm">
姓名:<input name = "name" type="text" />
<button type="button" id="submit">提交申请</button>
</form>
<script>
$("#submit").click(function(){
$(this).attr("disabled","true"); //设置变灰按钮
$("#messageForm").submit();//提交表单
setTimeout("$(\'#submit\').removeAttr(\'disabled\')",3000); //设置三秒后提交按钮显示
})
</scritp></span>
</span>

附：其他的实现方法，也使用了js

第一种：

[html] view plain copy

<form name=fm method="POST" action="/">
<p>按钮变灰</p>
name: <input type="text" name="name"/>
<input type="button" value="提交" onclick="javascript:{this.disabled=true;document.fm.submit();}">
</form>

第二种：

[html] view plain copy

<form name=fm method="POST" action="/" >
<input type="submit" name="Submit" value="提交" id="submitId" onclick="submit();">
</form>
<script language="javascript">
function submit()
{
var submitId=document.getElementById(\'submitId\');
submitId.disabled=true;
document.fm.submit();
setTimeout("submitId.disabled=false;",3000); //代码核心在这里，3秒还原按钮代码
}
</script>