首頁猿問我想在提交后立即禁用提交按鈕

我想在提交后立即禁用提交按鈕

JavaScript

ITMISS 2023-08-24 10:03:29

我想在提交后立即禁用“提交按鈕”。這是我寫的，但它不起作用。你能告訴我問題是什么嗎？<div> <form id="manual_form" action="" method="POST"> <button id="button" type="submit" name="manual_start">SUBMIT！</button> </form></div><hr><script type="text/javascript"> let manual_form = document.getElementById('manual_form'); let manual_button = document.getElementById('button'); manual_form.addEventListener('submit', (evt) => { console.log('submitted!'); manual_button.disabled = true; }, false);</script>

查看完整描述

3 回答

拉莫斯之舞

TA貢獻1820條經驗獲得超10個贊

當您單擊該submit按鈕時，頁面將重新加載。這就是為什么您看不到該disabled屬性正在運行的原因。evt.preventDefault();您可以在事件Handler中添加以防止重新加載

let manual_form = document.getElementById('manual_form');

let manual_button = document.getElementById('button');

manual_form.addEventListener('submit', (evt) => {

evt.preventDefault();

console.log('submitted!');

manual_button.disabled = true;

}, false);

<div>

<button id="button" type="submit" name="manual_start">SUBMIT！</button>

</form>

</div>

<hr>

反對回復 2023-08-24

炎炎設計

TA貢獻1808條經驗獲得超4個贊

submit可以使用該setAttribute()方法通過分配適當的屬性來禁用它們disabled。在你的情況下，它將是這樣的：

...

manual_button.setAttribute('disabled', 'disabled');

...

let manual_form = document.getElementById('manual_form');

let manual_button = document.getElementById('button');

manual_form.addEventListener('submit', (evt) => {

evt.preventDefault();

console.log('submitted!');

manual_button.setAttribute('disabled', 'disabled');

}, false);

<div>

<button id="button" type="submit" name="manual_start">SUBMIT！</button>

</form>

</div>

<hr>

反對回復 2023-08-24

開滿天機

TA貢獻1786條經驗獲得超13個贊

JavaScript 方面的工作方式與表單有關...刷新頁面時會拋出錯誤。添加evt.preventDefault();事件監聽函數以阻止頁面刷新。該按鈕被禁用。

反對回復 2023-08-24

3 回答
0 關注
288 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

我想在提交后立即禁用提交按鈕

我想在提交后立即禁用提交按鈕

3 回答

添加回答