🎃

JavaScriptでformのsubmit処理

2023/07/10に公開

ボタンを押して削除する際に
onclickで確認を取ってOKが押されたらPostする予定だったのだが、buttonにsubmit()関数をつけてもAPIが叩けてないためちょっと躓いた。

<button type='button' onclick='deletePost(this)'
data-id=<%=r.getReserveId() %>
class="btn btn-outline-danger px-4 rounded-pill">キャンセル
</button>

実際のJSの関数

 function deletePost(e){
            'use strict';
            if(confirm('本当に削除してもよろしいですか')){
            	var element = document.getElementById('delete_'+e.dataset.id);
            	element.submit()
                alert('送信')
            }else{
                alert('送信中止')
            }
        }

いつもJqueryのAJAXで書いていたので、formに実際submit()を書いてあげないといけないことに気づいていませんでした。

Discussion