vue 前端设置允许跨域_Laravel表单验证

今天来说一下laravel框架的表单验证实例代码，下面一起来看看吧！

一、场景

用户前台登录页面，如下图

二、提交方式

AJAX提交

三、说明

1、laravel框架表单提交需要有CSRF验证

2、ajax请求需要携带header信息

四、代码

1、在

位置写入如下代码：

2、在ajax请求中填写如下代码：headers: {

'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')

},

示例：$.ajax({

url: url,

headers: {

'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')

},

type: 'post',

data: data,

dataType: 'json',

async: false,

success: function (info) {},

error: function () {}

});

3、后端验证代码// 数据验证

$validator = Validator::make($request->all(),

[

'name' => 'required|email',

'pass' => 'required',

'code' => 'required|captcha'

],

[

'name.required' => '请输入邮箱',

'name.email'    => '请输入正确邮箱账号',

'pass.required' => '请填写密码',

'code.required' => '请填写验证码',

'code.captcha'  => '请输入正确的验证码'

]

);

if ($validator->fails()) {

return response()->json(['code' => "201", "message" => $validator->errors()->first()]);

}

五、演示