首頁  >  文章  >  web前端  >  JavaScript如何實現表單提交之後提交按鈕禁用的方法詳解

JavaScript如何實現表單提交之後提交按鈕禁用的方法詳解

黄舟
黄舟原創
2017-07-22 14:04:423254瀏覽

這篇文章主要介紹了javascript實作表單提交後,提交按鈕不可用的方法,涉及javascript動態修改表單樣式的技巧,非常簡單實用,需要的朋友可以參考下

本文實例講述了javascript實作表單提交後,提交按鈕不可用的方法。分享給大家供大家參考。具體如下:

這裡使用javascript控製表單提交後,提交按鈕不可用,可以防止使用者多次提交。


<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>表单提交后按钮禁用</title>
<script type="text/javascript">
function sub() {
  document.forms[0].elements[0].disabled = true;
  document.forms[0].submit();
}
</script>
</head>
<body>
  <form action="login.action" method="post">
    <input type="button" name="btn" value="提交表单"
 onclick="return sub();" />
  </form>
</body>
</html>

以上是JavaScript如何實現表單提交之後提交按鈕禁用的方法詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn