javascript - 如何在 laravel 5 提交成功后显示一个甜蜜的警告框？

Question

如果所有验证都正确，我想在单击提交按钮后显示一个甜蜜的警报。我已经使用 Request 类完成了验证。我该怎么做？

Answer 1

假设您使用的是 sweetalert Facade ( Laravel package )，类似的东西应该可以解决问题:

if ($validator->fails()) {
    //handle your validation errors
} else {
    //validation was succesful show sweetalert and return 
    Alert::success('Success Message', 'Optional Title');
    return Redirect::home();
}

要安装 sweetalert laravel 包装器，请像使用任何其他软件包一样使用 composer:

composer require uxweb/sweet-alert

然后在 laravels config/app.php 中设置别名

提供商:

'providers' => [

    /*
     * Laravel Framework Service Providers...
     */
    ...
    'UxWeb\SweetAlert\SweetAlertServiceProvider',

],

别名:

'aliases' => [
    ...
    'Alert'         => 'UxWeb\SweetAlert\SweetAlert',

],

下载sweetalert files并将它们放在您的公共(public)目录中，并从您的布局文件链接到它们。

在你的 laravel 主模板中包含默认布局，如 github 文档中所述

@include('sweet::alert')

你现在应该可以开始了。

自定义 View (alertcancel.blade.php)

@if (Session::has('sweet_alert.alert'))
    <script>
        swal({
            text: "{!! Session::get('sweet_alert.text') !!}",
            title: "{!! Session::get('sweet_alert.title') !!}",
            timer: {!! Session::get('sweet_alert.timer') !!},
            type: "{!! Session::get('sweet_alert.type') !!}",
            showConfirmButton: "{!! Session::get('sweet_alert.showConfirmButton') !!}",
            confirmButtonText: "{!! Session::get('sweet_alert.confirmButtonText') !!}",
            confirmButtonColor: "#AEDEF4",
            showCancelButton: true
            // more options
        });
    </script>
@endif

在您的主模板中包含自定义 View :@include ('alertcancel')

sweetalert's github examples

Laravel's Validation Documentation