我希望了解如何在将表单数据有效地提交到数据库之前显示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 »</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>`