buttonタグがsubmitするのを無効に

formの中にbuttonタグを設置すると、button押下でformがsubmitされてしまう。

例えば、こんな状態

<form>
・・・・・
<button>ID重複チェック</button>
・・・・・
<input type="submit" value="送信">
</form>

buttonはAJAXの操作等に割り当て、form送信は普通にsubmitで実行したい、、こんなとき、非常に便利な属性があった。
buttonにtype属性で「button」を指定する。

<button type="button">ID重複チェック</button>

こうすることでbuttonがformのsubmitとして機能しなくなる。
地味だけど、非常に便利。こんな属性しらなかった。



コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>