ララベルで削除確認機能

1868 ワード
JavaScript Laravel6 JavaScript テキストリンク

今回は削除するときに確認がはいるようにしたいと思います！

・削除ボタンを押したときに確認動作がはいる
・間違って削除ボタンを押してしまってもキャンセルできるように
・削除すると完全に消えてしまうので念のため確認がはいるように

app.blade.php
<head>
       <script language="JavaScript" type="text/JavaScript">

            function Delete_check(){
                let checked = confirm("delete?");
                if (checked == true) {
                    return true;
            } else {
                    return false;
            }
          }
       </script> 
</head>

まずは共通となるapp.blade.phpに記述します！

posts.blade.php
<div onclick="return Delete_check()">

  @if (Auth::id() == $post->user_id)
                      {{-- 投稿削除ボタンのフォーム --}}
        {!! Form::open(['route' => ['posts.destroy', $post->id], 'method' => 'delete']) !!}
        <button class="btn btn-danger" type="submit">投稿削除</button>
        {!! Form::close() !!}
  @endif
</div>

・削除ボタンはposts.blade.phpに書いていますがボタン専用のビューファイルに書いても大丈夫です！

まとめ

削除ボタンを押したとき確認動作が表示されたでしょうか？
削除は重要な動作となりますのでよければ導入してみてくださいね!

このボタンを押したときに下の写真のように表示が出ればうまくいっています！