使用 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);
            }
        }

或者您可以复制该文件,将上面的行添加到其中并使用它。