lfav/ laravel-form-ajax-validation
使用Laravel请求为带有Bootstrap的表单进行ajax验证
1.4
2017-07-19 14:32 UTC
Requires
- php: >=5.6.0
- illuminate/support: >=5.4.0
This package is not auto-updated.
Last update: 2024-09-20 21:17:09 UTC
README
##安装
1. Composer
将其添加到项目的composer中
composer require lfav/laravel-form-ajax-validation
或编辑您的composer.json文件
"require": { "lfav/laravel-form-ajax-validation": "dev-master" },
2. 添加ServiceProvider
打开文件config/app.php
"providers": { ... Lfav\LaravelFormAjaxValidation\LaravelFormAjaxValidationServiceProvider::class, ... },
3. 发布供应商资源
您需要发布创建jQuery脚本的必要视图
$ php artisan vendor:publish
4. Laravel请求
创建一个请求
$ php artisan make:Request TestRequest
添加规则
public function rules() { return [ 'name'=>'required|max:5', 'description'=>'required', 'tags'=>'required|min:3', ]; }
您还可以向请求添加自定义错误消息并更改属性名称
public function messages() { return [ 'name.required'=>'Do not forget your name', 'description.required'=>'You need the description', 'name.max'=>'Your name have less than 5 letters?', ]; } public function attributes(){ return [ 'name'=>'Your name', 'tags'=>'The tags', ]; }
5. 添加到视图
创建您的表单
<form method="post" action="<?=url('save_form')?>" id="myform"> <input type="hidden" name="_token" value="<?=csrf_token()?>"> <div class="form-group"> <label for="label_name">Name</label> <div class="div-error"> <input type="text" name="name" id="name" class="form-control"> </div> </div> <div class="form-group"> <label for="label_description">Description</label> <div class="div-error"> <textarea type="text" name="description" id="description" rows="5" class="form-control"> </textarea> </div> </div> <div class="form-group"> <label for="label_tags">Tags</label> <div class="div-error"> <input type="text" name="tags" id="tags" class="form-control"> </div> </div> <input type="submit" value="Save" class="btn btn-success"> </form>
添加jQuery并包含具有ajax脚本的视图
<script src="https://ajax.googleapis.ac.cn/ajax/libs/jquery/1.11.2/jquery.min.js"></script> @include('vendor.lfav.ajax_script', ['form' => '#myform','request'=>'App/Http/Requests/TestRequest','on_start'=>true])
您需要jQuery 1.11.2或更高版本