0
1

More than 3 years have passed since last update.

クリック時にブラウザのアラートを表示させる【blade】

Last updated at Posted at 2020-12-02

script.js
function delete_alert(e){
   if(!window.confirm('本当に削除しますか?')){
      window.alert('キャンセルされました'); 
      return false;
   }
   document.deleteform.submit();
};

blade.php
@if($roletype_id <= ($item->roletype_id))
  <form action="/users/{{$item->id}}" method='post'>
       {{ csrf_field() }}
       {{ method_field('DELETE') }}
           <input type="submit" name="delete" value="削除" onClick="delete_alert(event);return false;">
  </form>

----------------------------------------------------------------------------------------------------------

{!! Form::model($workEdit, ['route' => ['artist.destroy', $workEdit->id], 'method' => 'delete']) !!}
{!! Form::submit('作品を削除', ['class' => 'btn btn-danger','onclick' => 'delete_alert(event);return false;']) !!}
{!! Form::close() !!} 


@endif

解説

app.js にDeleteボタンをクリックしたときに呼び出すファンクションを記載します。

window.confirmはメッセージと、OK と キャンセルの 2 つのボタンを持つモーダルダイアログを表示します。
if(!window.confirm() で【キャンセル が選択された時】という意味になります。※!で否定しているから

つまりは『キャンセルされたら[キャンセルされました]を表示。そうじゃなかったらsubmitしてね』となります。

0
1
1

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
0
1