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

為了賬號安全，請及時綁定郵箱和手機立即綁定
已解決430363個問題，去搜搜看，總會有你想問的

提交按鈕在其屬性更改時不發(fā)布

提交按鈕在其屬性更改時不發(fā)布

ABOUTYOU 2022-10-08 17:20:06
我正在使用表單和其中的提交按鈕以 html 調(diào)用對服務(wù)器的發(fā)布請求在提交按鈕中，我使用 onclick 事件在發(fā)布請求之前更改 UI 中的某些內(nèi)容。當我不對提交按鈕進行任何更改時，一切都很好，它會成功發(fā)布請求。但是，如果我更改提交按鈕中的任何內(nèi)容，例如值、禁用屬性……那么它不會發(fā)布請求這是我的代碼<form action="url"method="post">    <input type="submit" onclick="return onClick(event)"></form>不發(fā)布請求的js代碼function onClick(e) {    const submit = e.target  // or = this    submit.value = "Clicked"    submit.disabled = true    return true}成功發(fā)布請求的js代碼function onClick(e) {    alert("Clicked")    return true}有人可以告訴我它沒有成功發(fā)布的原因以及如何像上面那樣在 UI 更改的情況下發(fā)布嗎？
查看完整描述

3 回答

?
catspeake

TA貢獻1111條經(jīng)驗 獲得超0個贊

您需要使用submit方法來實現(xiàn)結(jié)果。


-> 分配id給按鈕和表單元素，然后獲取類似的元素，


const btn = document.getElementById('btn');

const form = document.getElementById('form');

始終建議在 javascript 中使用addEventListener()方法，而不是在 HTML 模板中使用。


form.addEventListener('submit', onSubmit)

-> 現(xiàn)在您可以在提交方法中更改屬性的值，例如，


function onSubmit(){

    btn.value = "Clicked";

    btn.disabled = true;

    return true

}

工作片段如下，


const btn = document.getElementById('btn');

const form = document.getElementById('form');


function onSubmit(){

    btn.value = "Clicked";

    btn.disabled = true;

    return true

}


form.addEventListener('submit', onSubmit)

<form id="form" action="url" method="post">

    <input type="submit" id="btn">

</form>


查看完整回答
反對 回復(fù) 2022-10-08
?
慕婉清6462132

TA貢獻1804條經(jīng)驗 獲得超2個贊

表單是否發(fā)送 POST 或 GET 請求取決于其method屬性。嘗試將您的表格更改為


<form action="url" method="post">

    <input type="submit" onclick="return onClick(event)">

</form>


查看完整回答
反對 回復(fù) 2022-10-08
?
慕村225694

TA貢獻1880條經(jīng)驗 獲得超4個贊

我的另一個解決方案，我自己找到了，非常感謝@Maniraj Murugan 在上面的幫助：使用 input type="button" 代替，在 onclick 事件中，使用 form.submit() 手動提交


<form action="url"method="post">

    <input type="button" onclick="return onClick(event)">

</form>

并在 onClick 事件中


function onSubmit(e){

    const btn = e.target

    btn.value = "Clicked"

    btn.disabled = true

    const form = document.getElementById('form')

    form.submit()

}


查看完整回答
反對 回復(fù) 2022-10-08
  • 3 回答
  • 0 關(guān)注
  • 129 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

 幫助反饋 APP下載

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

 公眾號

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