在提交之前,在Laravel

时间:2017-03-26 22:41:57

标签: jquery dialog laravel-5.4

我希望了解如何在将表单数据有效地提交到数据库之前显示jQuery对话框确认。

我是Laravel编程的新手,我的版本是5.4,我的目的是了解事物的流程。我将发布我的控制器,表单视图和我的jQuery对话框确认脚本。如果有人解释我如何将这三页交流,我将不胜感激。提前致谢。 (我想指定我已经在名为master.blade.php的视图中附加了jQuery和jQueryUI代码行,这在每个子视图中都是继承的,并且像draggable()这样的jqueryUI方法可以工作)。

表单视图下方的

:index.blade.php

`<div class="col-md-4">
          <form method="POST" action="/localities/create">
          {{csrf_field()}}
              <h2>Add Locality</h2>
              <p>
                <div class="form-group">
                  <label for="name">paese/città</label><br>
                  <input type="text" name="name" id="name">
                </div>
              </p>
              <p>
                <div class="form-group">
                  <button type="submit" class="btn btn-primary">Add &raquo;</button>
                </div>
              </p>
          </form>
        </div>`

控制器下方:LocalitiesController.php

`<?php`

`namespace App\Http\Controllers;`

`use Illuminate\Http\Request;
use App\Locality;
use Validator;`

`class LocalitiesController extends Controller
{
    public function store(){`

        //validate the input
        $this->validate(request(),[

            'name'=>'required'
        ]);

        //create a new locality
        Locality::create(['name'=>request('name')]);

        //redirect to back
        return back();

    }
`}`

在javascript代码下面,如script.blade.php

 `<div id="dialog-confirm">`
    `<p><span class="ui-icon ui-icon-alert" style="float:left; margin:12px 12px 20px 0;"></span>are you sure?</p>
  </div>`



  `<script type="text/javascript">
            $( "#dialog-confirm" ).dialog({
                resizable: false,
                height: "auto",
                width: 400,
                modal: true,
                buttons: {
                    "Sospendi": function() {
                        $( this ).dialog( "close" );
                        },
                    Cancel: function() {
                        $( this ).dialog( "close" );
                    }
                }
            });
  </script>`

0 个答案:

没有答案
相关问题