javascript - Laravel 注销按钮收到警告消息

Question

我想在网站的任何地方实现这一点，当用户单击注销按钮时，以获得一个javascript确认框。

Laravel 注销按钮如下所示:

       <a class="dropdown-item" href="{{route('logout')}}" onclick="event.preventDefault();document.getElementById('logout-form').submit();">
            <span class="text-danger">
                <i class="fa fa-fw fa-sign-out"></i>Logout
            </span>
         </a> 

Answer 1

您可以使用 JavaScript confirm() 函数。

<a class="dropdown-item" href="{{route('logout')}}" onclick="return logout(event);">
     <span class="text-danger">
        <i class="fa fa-fw fa-sign-out"></i>Logout
     </span>
</a> 

<script type="text/javascript">
    function logout(event){
            event.preventDefault();
            var check = confirm("Do you really want to logout?");
            if(check){ 
               document.getElementById('logout-form').submit();
            }
     }
</script>

或

     <a class="dropdown-item" href="{{route('logout')}}" onclick="event.preventDefault();var check = confirm("Do you really want to logout?");if(check){document.getElementById('logout-form').submit();}">
        <span class="text-danger">
            <i class="fa fa-fw fa-sign-out"></i>Logout
        </span>
     </a>