1
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

ララベルで削除確認機能

Posted at

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

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に書いていますがボタン専用のビューファイルに書いても大丈夫です!
###まとめ
削除ボタンを押したとき確認動作が表示されたでしょうか?
削除は重要な動作となりますのでよければ導入してみてくださいね!
スクリーンショット 2020-08-28 7.32.02.png
このボタンを押したときに下の写真のように表示が出ればうまくいっています!
スクリーンショット 2020-08-28 7.32.44.png

1
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?