title: client validation in laravel 5.4
body: <p>I have used this <a href="https://github.com/proengsoft/laravel-jsvalidation" rel="nofollow noreferrer">https://github.com/proengsoft/laravel-jsvalidation</a> for client side validation.
  Server side validation is working but client side onFocusout validation is not fire.<br>
  In composer file
  Laravel 5.4 
   "proengsoft/laravel-jsvalidation": "^2.0" 
  In Controller</p>
  
  <pre><code>    &lt;?php 
   protected $validationRules=[
          'email' =&gt; 'required|unique|max:255',
          'name' =&gt; 'required',
          'password' =&gt; 'required',
          'userRoleId' =&gt; 'required'
      ];
  public function create() {
          $model = new Admuser();
         $validator = JsValidator::make($this-&gt;validationRules); 
  
          $userRoleData = Userrole::orderBy('role')-&gt;pluck('role', 'userRoleId'); 
  
          return view('adminlte::portaluser.create')-&gt;with([
              'validator' =&gt; $validator,
              'userRoleData' =&gt; $userRoleData,
          ]); 
  
      }
  ?&gt;
  </code></pre>
  
  <p>And in View file for creating userdata</p>
  
  <pre><code>  {!! Form::open(['url' =&gt; 'backoffice/portaluser/store', 'class' =&gt; 'form-horizontal']) !!}
                      &lt;input type="hidden" name="_token" value="{{ csrf_token() }}"&gt;
                      &lt;fieldset&gt;        
                          &lt;div class="col-sm-8"&gt;
  
                                      &lt;div class="form-group {{ $errors-&gt;has('name') ? 'has-error' : ''}}"&gt;
                                          {!! Form::label('name', 'Name:', ['class' =&gt; 'col-lg-2 control-label']) !!}
                                          &lt;div class="col-lg-10"&gt;
                                              {!! Form::text('name', $value = null, ['class' =&gt; 'form-control', 'placeholder' =&gt; 'Name']) !!}
                                              {!! $errors-&gt;first('name', '&lt;p class="help-block"&gt;:message&lt;/p&gt;') !!}
                                          &lt;/div&gt;
                                      &lt;/div&gt;
  
                                      &lt;div class="form-group {{ $errors-&gt;has('email') ? 'has-error' : ''}}"&gt;
                                          {!! Form::label('email', 'Email:', ['class' =&gt; 'col-lg-2 control-label']) !!}
                                          &lt;div class="col-lg-10"&gt;
                                              {!! Form::email('email', $value = null, ['class' =&gt; 'form-control', 'placeholder' =&gt; 'Email', ]) !!}
                                              {!! $errors-&gt;first('email', '&lt;p class="help-block"&gt;:message&lt;/p&gt;') !!}
                                          &lt;/div&gt;
                                      &lt;/div&gt;
                                      &lt;div class="form-group {{ $errors-&gt;has('password') ? 'has-error' : ''}}"&gt;
                                          {!! Form::label('password', 'Password:', ['class' =&gt; 'col-lg-2 control-label']) !!}
                                          &lt;div class="col-lg-10"&gt;
                                              {!! Form::password('password',   ['class' =&gt; 'form-control', 'placeholder' =&gt; 'Password', 'type' =&gt; 'password', ]) !!}
                                              {!! $errors-&gt;first('password', '&lt;p class="help-block"&gt;:message&lt;/p&gt;') !!}
                                          &lt;/div&gt;
                                      &lt;/div&gt;
  
                                      &lt;div class="form-group {{ $errors-&gt;has('userRoleId') ? 'has-error' : ''}}"&gt;
                                          {!! Form::label('userRoleId', 'Select Userrole', ['class' =&gt; 'col-lg-2 control-label'] )  !!}
                                          &lt;div class="col-lg-10"&gt;
                                              {!!  Form::select('userRoleId',  $userRoleData, '', ['class' =&gt; 'form-control' ]) !!}
                                              {!! $errors-&gt;first('userRoleId', '&lt;p class="help-block"&gt;:message&lt;/p&gt;') !!}
                                          &lt;/div&gt;
                                      &lt;/div&gt; 
                            &lt;button type="submit" class="submitbtn btn btn-primary"&gt;Submit&lt;/button&gt;
                          &lt;/div&gt;
  
                      &lt;/fieldset&gt; 
                      {!! Form::close()  !!} 
  
  &lt;!-- Scripts --&gt; 
  &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.1/js/bootstrap.min.js"&gt;&lt;/script&gt;
  
  &lt;!-- Laravel Javascript Validation --&gt;
  &lt;script type="text/javascript" src="{{ asset('/jsvalidation/js/jsvalidation.js')}}"&gt;&lt;/script&gt; 
  {!! $validator !!}
  </code></pre>