Delete Check Function

2017.01.06

削除ボタンクリック時の確認ダイアログを表示するFunction。

各種登録フォームで削除ボタンも付けて欲しいというご要望をよく頂くが、登録や修正と違い、削除する際には何も変更されていない削除する登録データを確認ページで表示するのは不要な気がするケースが多い。そういったケースで確認ダイアログのみの表示でもう一度クリックして削除の方がサーバーとの通信を一度分節約できる。

確認ダイアログを表示して送信するかキャンセルするかを判断するスクリプトなので他にも応用は可能。

 

[ Sample ]

削除データは特に用意していないがページ遷移する(submit送信する)かキャンセルするかのサンプル。


 

HTML

JavaScript

<form method="post" action="">
<input class="deleteCheck" type="submit" name="Delete">
</form>
$(function(){
    deleteCheck();
});

/* Delete Check Function */
var deleteCheck = function (msg) {
    $('.deleteCheck').on('click', function () {
        msg = msg || '登録情報は削除すると元に戻せませんがよろしいですか?';
        var flag = window.confirm(msg);
        return flag;
    });
};