為什麼在表單內任一元件上按enter整個表單就會被送出

Hi 各位大大,

我的表單上有一個輸入框,常常不小心在輸入的文字的時候多按到 enter 鍵

結果整份表單就直接被送出了@@,但我還在編輯阿 >"< 沒有想要送出表單

這是ng的特色嗎?我要怎麼取消這個自動送出的功能呢,

想要統一透過按下"儲存"的按鈕才讓表單的資料送出

有在網路上找到這種做法 在 form 標籤內多加設定

(keydown.enter)="$event.preventDefault()"

是可以避免自動送出表單的問題

但是會造成 textarea 的輸入框內文無法換行QQ

在請大大們解惑 謝謝~

在 Form 裡面的只有一個 時 如果沒有指定 type, 預設會被設定為 submit. 如果想要避免那個問題,就要指定為 button <button type="button">

參考資料
https://developer.mozilla.org/zh-TW/docs/Web/HTML/Element/input/submit

1個讚