表單提交後設定提交按鈕不可用狀態

antzone發表於2017-04-06

在有些情況下可能需要這樣的功能,那就是表單提交以後設定按鈕不可用。

程式碼例項如下:

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.51texiao.cn/" />
<title>螞蟻部落</title>
<script type="text/javascript">
window.onload=function(){
  var obt=document.getElementById("bt");
  obt.onclick=function(){
    this.disabled=true;
    document.forms[0].submit();
  }
}
</script>
</head>
<body>
<form action="login.action" target="_blank" method="post">
<input type="button" id="bt" name="btn" value="提交表單"/>
</form>
</body>
</html>

相關文章