laravel ajax 提交表单验证,Laravel中使用Vue.js实现基于Ajax的表单提交错误验证操作.pdf...

Laravel 中中使使用用 V ue.js 实实现现基基于于 Ajax 的的表表单单提提交交错错误误验验证证操操作作

本本教教程程基基于于Laravel 5.4

开始之前首先准备好开发 境，我们假设你已经安装好 Laravel，至于 V ue 的引入，请参考官方文档。

做好上述准备工作后就可以开始我们的开发了，本教程中我们将演示文章发布页面的表单 验证 。

首先在 routes/web.php 中新增两条路由规则：

Route::get('post/create', 'PostController@create');

Route::post('post/save', 'PostController@save');

然后在项目根目录下运行 A rtisan 命令创建控制器 PostController ：

php artisan make:controller PostController

在生成的控制器中新增两个方法用于处理路由请求：

public function create()

return view('post.create');

}

public function save(Request $request)

// 设置验证规则

$this->validate($request, [

'title' => 'required',

'body ' => 'required'

]);

}

接下来就要创建响应视图了，为了复用已有的样式风格和页面布局，我们先运行如下 A rtisan 命令：

php artisan make:auth

这样我们就可以复用 Laravel 自带的认证功能页面布局了，创建视图文件 post/create.blade.php ，并编辑文件内容如下：

@extends('layouts.app')

@section('content ')

创建成功!

创建文章

文章标题

=" old('title') }}">

@ errors.title.join(',')}}

文章正文