前端:
提示:记得 use Validator:
<div class="verification">
<div class="div user-input">
<input placeholder=" 请输入验证码" autocomplete="off" class="code" id="captcha" name="captcha" required>
<img style="cursor:pointer;width: 120px;height: 38px;margin-left: 10px;" class="thumbnail captcha mt-3 mb-2" src="{{ captcha_src('flat') }}" onclick="this.src='/captcha/flat?'+Math.random()" title="点击图片重新获取验证码">
@if ($errors->has('captcha'))
<span class="invalid-feedback" role="alert">
<strong>{{ $errors->first('captcha') }}</strong>
</span>
@endif
</div>
</div>
后端controller进行验证,错误后返回json数据:
提示:记得 use Validator:
//验证码验证
$rules =[
'captcha' => 'required|captcha'
];
$validate = Validator::make($request->all(), $rules); // 此处验证码只能使用validator检测
if($validate->fails()){
return response()->json([
'status' => 500,
'error' => '验证码错误'
]);
}