青いやつの進捗日記。

べんきょうのしんちょくをかいていきます。

buttonタグのtypeの初期値はsubmitなので、なにかに付随してbuttonタグをクリックされるとバリデーションが効いてしまいエラー挙動が出る

前提として、formタグで囲われている中身の話。

隠れたフォームのバリデーションに失敗 - Qiita

ページにrequiredのinputがあったのだが、

今回はある挙動でJSでクリックさせていたbuttonがtypeが未指定だったため、その挙動が動く度にブラウザデフォルトのフォームのバリデーションが動いていた。buttonのtypeは未指定だと初期値はsubmitになってしまうので、submit出来ないよ!と怒られてしまっていたわけだ。

buttonのtypeをbuttonにすることで解決した。