Laravel 5 Validation - error class on form elements

Question

My validation form works fine and it looks like this:

{!! Form::email('email', null, array('placeholder' => 'Email', 'class' => 'form-control ')) !!}
{{$errors->first('email')}}

If the email is not good, I get this error: The a email has already been taken.

The thing is that I wan't to put a css class on the input also like error in order to add a red background border to the input.

How can I do this?

enter link description here stackoverflow.com/questions/39637788/… — Khem Raj Regmi
– Khem Raj Regmi, Commented Oct 16, 2017 at 4:59

Madushan Perera · Accepted Answer · 2015-11-05 07:36:31Z

8

You can use if condition for check errors:

 <div class="form-group {{ $errors->has('email') ? 'has-error' :'' }}">
   {!! Form::text('email',null,['class'=>'form-control','placeholder'=>'Email Address']) !!}
   {!! $errors->first('email','<span class="help-block">:message</span>') !!}
</div>

edited Nov 5, 2015 at 7:36

answered Nov 5, 2015 at 7:31

Madushan Perera

2,5982 gold badges21 silver badges39 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

paulalexandru · Accepted Answer · 2015-11-20 07:21:52Z

5

This was the correct answer for me, without using additional div's :

{!! Form::email('email', null, $attributes = $errors->has('email') ? array('placeholder' => 'Email', 'class' => 'form-control has-error') : array('placeholder' => 'Email', 'class' => 'form-control')) !!} 
{{$errors->first('email')}}

answered Nov 20, 2015 at 7:21

paulalexandru

9,5587 gold badges68 silver badges100 bronze badges

3 Comments

Dev Over a year ago

The problem on this one is Input does not take .has-error class in Bootstrap. This needs to be applied from parent div. Otherwise, this was a good solution.

kapitan Over a year ago

i only need to add a class for my input fields to have a red border and this solution worked for me, it is a very long approach though.

kapitan Over a year ago

i deleted the $attributes = and it worked the same.

user2499205 · Accepted Answer · 2015-11-20 09:03:52Z

4

you can use the following code to check if email field has Any validation error

 <div class="form-group has-feedback @if($errors->has('email') has-error @endif">
        <input name="email" class="form-control"/>
        <span class="glyphicon glyphicon-user form-control-feedback"></span>
        @if ($errors->has('email')) <p class="help-block"><span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span>
            {{ $errors->first('email') }}</p>
        @endif
    </div>

answered Nov 20, 2015 at 9:03

user2499205

1 Comment

SupaMonkey Over a year ago

useful answer for when you're trying to implement into a theme / styled form. Take note of the syntax error though in the first div class; if statement bracket ) is missing

Thomas Kim · Accepted Answer · 2015-11-05 07:39:55Z

1

You could just add HTML around it and style it however you want.

HTML:

<span class="error">{{$errors->first('email')}}</span>

CSS:

.error {
    border: 1px solid red;
}

Edit: Add the has-error class to the input itself like this:

{!! Form::email('email', null, array('placeholder' => 'Email', 'class' => 'form-control ' . $errors->first('email', 'has-error'))) !!}

edited Nov 5, 2015 at 7:39

answered Nov 5, 2015 at 7:19

Thomas Kim

16k2 gold badges55 silver badges43 bronze badges

2 Comments

paulalexandru Over a year ago

I don't need a new element created. I need a css class added to my email input.

Thomas Kim Over a year ago

There's a very simple solution to that. :) Check my edit.

Abdulla Nilam · Accepted Answer · 2015-11-05 07:16:35Z

0

Add custom error message

'custom' => array(
    'email' => array(
        'required' => 'We need to know your e-mail address!',
    ),
),

Custom Error Messages in Laravel

answered Nov 5, 2015 at 7:16

Abdulla Nilam

39.7k18 gold badges85 silver badges115 bronze badges

1 Comment

paulalexandru Over a year ago

I dont need a custom error message. I need a css class added to my input.

Janko · Accepted Answer · 2015-11-05 17:59:50Z

0

<script> 
  if({{$errors->has('email')}}){
    $(input[type="email"]).css('border-color', 'red');
  }
</script>

answered Nov 5, 2015 at 17:59

Janko

2022 silver badges11 bronze badges

Comments

yudijohn · Accepted Answer · 2015-11-05 07:29:34Z

-1

add class has-error to your form like this

{!! Form::email('email', null, array('placeholder' => 'Email', 'class' => 'form-control has-error')) !!}

you can use if condition if there's an error, set the class in

@if($errors->has('email'))
    {!! Form::email('email', null, array('placeholder' => 'Email', 'class' => 'form-control has-error')) !!}
@else
    {!! Form::email('email', null, array('placeholder' => 'Email', 'class' => 'form-control')) !!}
@endif

or you can do like this

<input class="form-control {{ $errors->has('email') ? 'has-error' : '' }}" name="email" placeholder="Email">

edited Nov 5, 2015 at 7:29

answered Nov 5, 2015 at 7:21

yudijohn

1,2783 gold badges20 silver badges44 bronze badges

1 Comment

paulalexandru Over a year ago

That class should appear only if the form validation failed, not always as you sugested.

Collectives™ on Stack Overflow

Laravel 5 Validation - error class on form elements

7 Answers 7

Comments

3 Comments

1 Comment

2 Comments

1 Comment

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

7 Answers 7

Comments

3 Comments

1 Comment

2 Comments

1 Comment

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related