嗨，我正在嘗試制作一個輸入數字的表單，在我在輸入欄位上的表單內，但有一些按鈕用于設定所述欄位的樣式，以及用于將表單發送到 php 檔案的錨標記。單擊其中一個按鈕立即發送當前值，如何停止？
<form name="destination" action="../a.php" method="post">
Quantity :
<button onclick="dec('amount')">-</button>
<input name="amount" type="text" value="0" size = 1>
<button onclick="inc('amount')"> </button><br><br>
</form>
<a href="javascript:submitForm()">Details</a>
按鈕 JS：
function inc(element) {
let el = document.querySelector(`[name="${element}"]`);
el.value = parseInt(el.value) 1;
}
function dec(element) {
let el = document.querySelector(`[name="${element}"]`);
if (parseInt(el.value) > 0) {
el.value = parseInt(el.value) - 1;
}
}
錨標簽JS功能：
function submitForm() {
document.destination.submit();
}
</script>```
uj5u.com熱心網友回復：
您可以輕松完成，只需包含event.preventDefault()在您的 js 代碼中即可。
event.preventDefault() 實際上用于防止（停止）任何默認事件。
function inc(element) {
event.preventDefault();
let el = document.querySelector(`[name="${element}"]`);
el.value = parseInt(el.value) 1;
}
function dec(element) {
event.preventDefault();
let el = document.querySelector(`[name="${element}"]`);
if (parseInt(el.value) > 0) {
el.value = parseInt(el.value) - 1;
}
}
但是如果你不想使用 js，你可以改變按鈕的默認型別。Button 的默認型別是submit提交表單。您可以使用type="button"
uj5u.com熱心網友回復：
在 html 中，按鈕的默認型別 ID“提交”將提交表單。為了避免這種行為，只需分配一個不同的型別
<button type="button">...</button>
https://www.w3schools.com/TAGs/att_button_type.asp
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/407975.html
標籤：
上一篇：如何在html/js中將表格居中