laravel5.4の検証で入力ボックスの赤色をどのように与えるべきですか

Question

ユーザーが送信ボタンをクリックすると、そのテキストボックスの色を赤色にしたいと思います。 しかし、Laravelはメッセージで検証します。

赤色のテキストボックスとして検証を行うにはどうしたらいいですか？ここで

は、コントローラの私の検証である：ここ

protected function validator(array $data) { 
    return Validator::make($data, [ 
     'first_name' => 'required|max:255', 
     'last_name' => 'required|max:255', 
     'email' => 'required|email|max:255|unique:users', 
     'password' => 'required|min:6|confirmed', 
     'contact_no' => 'required|numeric', 

    ]); 
} 

が私の見解です：

<div class="form-group{{ $errors->has('first_name') ? ' has-error' : '' }}"> 
    <label for="name" class="col-md-4 control-label">First Name</label> 
    <div class="col-md-6"> 
     <input id="first_name" type="text" class="form-control" name="first_name" value="{{ old('name') }}" placeholder="first name" required autofocus> 
     @if ($errors->has('first_name')) 
      <span class="help-block"> 
       <strong>{{ $errors->first('first_name') }}</strong> 
      </span> 
     @endif 
    </div> 
</div> 

<div class="form-group{{ $errors->has('last_name') ? ' has-error' : '' }}"> 
    <label for="name" class="col-md-4 control-label">Last Name</label> 
    <div class="col-md-6"> 
     <input id="last_name" type="text" class="form-control" name="last_name" value="{{ old('last_name') }}" placeholder="last name" required autofocus> 
     @if ($errors->has('name')) 
      <span class="help-block"> 
       <strong>{{ $errors->first('name') }}</strong> 
      </span> 
     @endif 
    </div> 
</div> 

<div class="form-group{{ $errors->has('email') ? ' has-error' : '' }}"> 
    <label for="email" class="col-md-4 control-label">E-Mail Address</label> 
    <div class="col-md-6"> 
     <input id="email" type="email" class="form-control" name="email" value="{{ old('email') }}" placeholder="email" required> 
     @if ($errors->has('email')) 
      <span class="help-block"> 
       <strong>{{ $errors->first('email') }}</strong> 
      </span> 
     @endif 
    </div> 
</div> 

いずれかの助けが

Answer 1

をme..pleaseできますLaravelは次の行に応じhas-error addclassますform-group{{ $errors->has('...') ? ' has-error' : '' }}、CSSスタイルを追加するだけです。

.has-error .form-control { 
    border-color: #a94442; 
}