Discussion :

[St-42-FCM-57]

Bonjour,

Je ne suis pas sûr de poster au bon endroit, auquel cas je m'en excuse.
Je n'arrive pas à trouver comment changer la couleur d'un input (par exemple le mettre en vert lorsque la saisie a été bonne). Le rouge se met par défaut, mais je ne trouve pas comment mettre une autre couleur.

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
<div class="form-group">
      <label class="col-md-4 control-label">Nom</label>
      <div class="col-md-4 inputGroupContainer">
      <div class="input-group">
      <span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span>
      <input  name="nom" placeholder="Nom" class="form-control"  type="text"
      data-error="nom incorrect">
        </div>
      </div>
      <div class="help-block with-errors"></div>
    </div>

par exemple dans cet exemple, y a-t-il un équivalent du "data-error" pour un succès ?

Merci d'avance !

[VirgApps]

Bonjour,

Si on reste sur Bootstrap 3, il faut ajouter (dynamiquement dans ton cas j'imagine) la class is-valid.

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<input  name="nom" placeholder="Nom" class="form-control is-valid"  type="text"
      data-error="nom incorrect">

[St-42-FCM-57]

Bonjour,

Merci pour la réponse, mais quand j'entre un champs valide, et que je passe au suivant, aucun changement ne se passe. Il faut modifier quelque chose dans le CSS ?