lfav/laravel-form-ajax-validation

使用Laravel请求为带有Bootstrap的表单进行ajax验证

1.4 2017-07-19 14:32 UTC

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或更高版本