第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

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

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

ITMISS 2023-08-24 10:03:29
我想在提交后立即禁用“提交按鈕”。這是我寫(xiě)的,但它不起作用。你能告訴我問(wèn)題是什么嗎?<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貢獻(xiàn)1820條經(jīng)驗(yàn) 獲得超10個(gè)贊

當(dāng)您單擊該submit按鈕時(shí),頁(yè)面將重新加載。這就是為什么您看不到該disabled屬性正在運(yùn)行的原因。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>

  <form id="manual_form" action="" method="POST">

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

  </form>

</div>

<hr>


查看完整回答
反對(duì) 回復(fù) 2023-08-24
?
炎炎設(shè)計(jì)

TA貢獻(xiàn)1808條經(jīng)驗(yàn) 獲得超4個(gè)贊

submit可以使用該setAttribute()方法通過(guò)分配適當(dāng)?shù)膶傩詠?lái)禁用它們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>

    <form id="manual_form" action="" method="POST">

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

    </form>

</div>

<hr>


查看完整回答
反對(duì) 回復(fù) 2023-08-24
?
開(kāi)滿(mǎn)天機(jī)

TA貢獻(xiàn)1786條經(jīng)驗(yàn) 獲得超13個(gè)贊

JavaScript 方面的工作方式與表單有關(guān)...刷新頁(yè)面時(shí)會(huì)拋出錯(cuò)誤。添加evt.preventDefault();事件監(jiān)聽(tīng)函數(shù)以阻止頁(yè)面刷新。該按鈕被禁用。



查看完整回答
反對(duì) 回復(fù) 2023-08-24
  • 3 回答
  • 0 關(guān)注
  • 256 瀏覽
慕課專(zhuān)欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢(xún)優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)