Changer la couleur d'un input dans un formulaire

**St-42-FCM-57** · 13/09/2017, 15h05

Bonjour,

Je ne trouve pas comment faire la chose suivante : j'ai un formulaire, et si la donnée entrée dans le formulaire est fausse, ma zone de saisie devient rouge.
J'ai essayé ceci :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<head>
      <title>Test</title>
	  <meta charset="utf-8" />
	   <style type="text/css">
            .fond_rouge
            {
                background-color: red;
            }
        </style>
</head>

...


<input type="text" name="nom" value="<?php if (isset($_POST['nom']))
								{
									echo $_POST['nom'];
								} 
							      ?>" 
								class="fond_rouge" 
								required="required" /><br />

Cependant, écrit comme ceci, la zone de saisie est toujours rouge, je voudrais savoir s'il y a moyen de mettre une condition, mais je n'ai pas trouvé comment ?

Merci d'avance !

**sabotage** · 13/09/2017, 15h55

Code :

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

<input type="text" name="nom" value="<?php if (isset($_POST['nom'])) { echo $_POST['nom']; } ?>" <?php if (taconditionerreur) { echo 'class="fond_rouge"'; ?> required="required" /><br />

**St-42-FCM-57** · 13/09/2017, 16h11

Bonjour,

Merci beaucoup pour l'aide. Je vais essayer de suite.
J'ai juste une question : quand on crée une variable dans un bloc php, est-ce qu'elle est valable partout, ou uniquement dans ce bloc ?

EDIT :

J'ai fait ceci :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
<input type="text" name="nom" value="<?php if(isset($_POST['nom']))
												{
														echo $_POST['nom'];
												} 
										?>" 
										<?php if ($estValideNom==False && $afficher==True) 
												{ 
													echo "estvaliderNom est faux !";
													echo 'class="fond_rouge"';
												}
												else
												{
													echo "estvaliderNom est vrai !";
													echo 'class="sans_fond"';
												}
										?>
										required="required" /><br />

Cependant on dirait que ça ne rentre jamais dans les conditions car mes 2 echo (estvaliderNom est faux/vrai !) ne s'affichent jamais. C'est pour cela que je demande l'histoire de portée de mes variables.

**sabotage** · 13/09/2017, 16h58

Les blocs PHP fonctionnent comme un seul script entier.

**St-42-FCM-57** · 13/09/2017, 17h02

Donc logiquement, si je déclare ma variable $estValideNom, par exemple, en dessous de mon <input...>, je peux avoir accès à cette variable dans le input ?

Car je viens de prendre ton code, et j'ai affecté la valeur 5 à une variable Test. Le code est devenu :

Code :

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

1
2
3
4
5
6
7
8
9
 
<input type="text" name="nom" value="<?php if(isset($_POST['nom'])){
														echo $_POST['nom'];
												} 
										?>" 
										<?php if ($Test==5) 
												{ 
													echo 'class="fond_rouge"';
												}

Si je mets la ligne <?php Test=5 ?>, mon input devient rouge, et si je le mets après, il ne change pas de couleur.

**sabotage** · 13/09/2017, 18h25

Non, le script est exécuté de haut en bas.

**St-42-FCM-57** · 13/09/2017, 18h40

Est-il possible de "faire remonter" la variable du coup, ou d'y avoir accès partout ?
Car en fait, mon input devient rouge une fois que j'ai cliqué sur le bouton validé (submit).

J'ai essayé de mettre mes <input...> après le traitement des variables, effectivement ca marche, mais je trouve étrange d'avoir les <input...> à la fin du script, il doit y avoir une autre méthode ?

Invité · 13/09/2017, 19h17

Bonjour,

il faut comprendre que tu as 2 éléments différents dans ton script :

1/ La récupération des données du formulaire
2/ le formulaire lui-même

Si tu veux ré-afficher les données reçues (ou, comme ici, faire une GESTION d'ERREURS), il faut bien faire le traitement AVANT le formulaire.

Rien d'anormal à ça, bien au contraire : c'est la logique même.

**St-42-FCM-57** · 13/09/2017, 19h33

Bonjour,

D'accord, pas de soucis, ça me semblait bizarre de faire le traitement avant de déclarer le formulaire.
Merci pour l'aide !

**Vil'Coyote** · 21/09/2017, 12h52

mouai enfin si c'est juste pour vérifier q'un champ est renseigné, autant faire le test en javascript plutot qu'en php une fois le formulaire transmis ...

**Celira** · 21/09/2017, 15h27

En fait, le mieux c'est de le faire côté client (en JS par exemple, ou avec un attribut required) pour la partie "user-friendly-je-mets-le-champ-en-rouge", parce que c'est beaucoup plus pratique, ET côté serveur (en PHP) pour la validation "parce-que-si-c'est-vide-ça-va-planter", parce que tout ce qui se trouve côté client peut être modifié et/ou désactivé.

Changer la couleur d'un input dans un formulaire

Langage PHP

Discussions similaires

Partager

Partager