Laravel 5 errore di Validazione classe su elementi del modulo

Mio modulo di validazione funziona bene e sembra che questo:

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

Se l’email non è buona, ottengo questo errore: L’email è già stata presa.

Il fatto è che io voglio mettere una classe css su input anche come error per aggiungere uno sfondo rosso bordo di ingresso.

Come posso fare questo?

 

7 Replies
  1. 7

    È possibile utilizzare se la condizione per verificare gli errori:

     <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>
  2. 4

    Questa è stata la risposta corretta per me, senza l’ausilio di ulteriori 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')}}
    • Il problema di questo è l’Input non prendere .ha-classe di errore nel Bootstrap. Questo deve essere applicato dal padre div. In caso contrario, questa è una buona soluzione.
  3. 3

    è possibile utilizzare il codice riportato di seguito per verificare se il campo email è Alcun errore di convalida

     <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>
    • risposta utile per quando si sta cercando di implementare in un tema / stile forma. Prendere nota dell’errore di sintassi se nel primo div class; se la dichiarazione staffa ) manca
  4. 1

    Si può solo aggiungere HTML intorno ad esso e lo stile che si desidera.

    HTML:

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

    CSS:

    .error {
        border: 1px solid red;
    }

    Modifica: Aggiungere il has-error classe di ingresso come questo:

    {!! Form::email('email', null, array('placeholder' => 'Email', 'class' => 'form-control ' . $errors->first('email', 'has-error'))) !!}
    • Non ho bisogno di un nuovo elemento creato. Ho bisogno di una classe css aggiunto alla mia e-mail in ingresso.
    • C’è una soluzione molto semplice per che. 🙂 Controllare la mia modifica.
  5. 0

    Aggiungere un messaggio di errore personalizzato

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

    Messaggi di Errore personalizzati in Laravel

    • Non ho bisogno di un messaggio di errore personalizzato. Ho bisogno di una classe css da aggiungere al mio ingresso.
    • href=”http://stackoverflow.com/a/20352664/4595675″>Controllare questo
  6. 0
    <script> 
      if({{$errors->has('email')}}){
        $(input[type="email"]).css('border-color', 'red');
      }
    </script>
  7. -1

    aggiungere classe ha-errore di modulo come questo

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

    è possibile utilizzare se la condizione e se c’è un errore, impostare la classe 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

    o si può fare come questo

    <input class="form-control {{ $errors->has('email') ? 'has-error' : '' }}" name="email" placeholder="Email">
    • Che classe devono apparire solo se il modulo di convalida non riuscita, non sempre, come si sugested.
    • utilizzare se la condizione per monitorare il messaggio di errore
    • controllare il mio codice modificato

Lascia un commento