HTMLのformタグで送信(submit)をする際に、確認をとった上で送信を行う【onsubmit属性】
- 作成日時:
- 最終更新日時:
- Categories: フロントサイド
- Tags: html5 JavaScript
例えば、下記のような削除ボタンであれば、削除ボタンが押されると同時に削除が実行される。
<form action="" method="POST">
<!--CSRF_token-->
<input class="btn btn-outline-danger" type="submit" value="削除">
</form>
これでは間違えて押してしまった時に取り返しが付かない。
そこで下記のようにform
タグにonsubmit
属性を付与する。これで削除の送信前に確認をとった上で送信を行う事ができる。
<form action="" method="POST" onsubmit="if(confirm('本当に削除しますか?')){ return true } else { return false };">
<!--CSRF_token-->
<input class="btn btn-outline-danger" type="submit" value="削除">
</form>
onsubmit
属性はform
タグ内のtype="submit"
が発動する際に発動するJavaScriptを指定する属性。