使用 laravel-jsvalidation 实时验证 Laravel 表单
Validate Laravel form in real time using laravel-jsvalidation
我正在使用 laravel-jsvalidation 在客户端验证表单,但插件在提交后验证表单。
如何在用户输入数据时将其更改为实时验证?
调用插件:
<script type="text/javascript" src="{{ asset('vendor/jsvalidation/js/jsvalidation.js')}}"></script>
{!! $validator->selector('#review-form') !!}
表格:
<form action="{{action('GoToTheController')}}" method="POST" id="review-form">
<div class="form-group"><input type="text" class="fullName" name="fullName">
</div>
</form>
控制器:
$validator = JsValidator::make( ['fullName'=> 'required']);
return view('create')->with('validator', $validator);
在插件 (laravel-jsvalidation) 文件夹下的 bootstrap.php 中,我添加了这些行,因此通过单击输入元素它可以正常工作。
onfocusout: function (element) {
if (!this.checkable(element)) {
this.element(element);
}
}
或者您可以复制该文件,将上面的行添加到其中并使用它。
我正在使用 laravel-jsvalidation 在客户端验证表单,但插件在提交后验证表单。
如何在用户输入数据时将其更改为实时验证?
调用插件:
<script type="text/javascript" src="{{ asset('vendor/jsvalidation/js/jsvalidation.js')}}"></script>
{!! $validator->selector('#review-form') !!}
表格:
<form action="{{action('GoToTheController')}}" method="POST" id="review-form">
<div class="form-group"><input type="text" class="fullName" name="fullName">
</div>
</form>
控制器:
$validator = JsValidator::make( ['fullName'=> 'required']);
return view('create')->with('validator', $validator);
在插件 (laravel-jsvalidation) 文件夹下的 bootstrap.php 中,我添加了这些行,因此通过单击输入元素它可以正常工作。
onfocusout: function (element) {
if (!this.checkable(element)) {
this.element(element);
}
}
或者您可以复制该文件,将上面的行添加到其中并使用它。