validation de label dans formulaire
Bonjour à tous j'ai un formulaire de contact dans lequel les champs vides ou incorrect ressortent en rouge, mon problème est que je ne sais pas comment y inclure un label (celui-ci ayant une valeur par défaut).
Est-ce que quelqu'un aurait une piste ou une réponse à me fournir?
voici mon code PHP :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
|
<?php
if (!empty($_POST)) {
extract($_POST);
$valid=true;
$valid = (empty($nom) || empty($pays) || empty($email) || !filter_var($email,FILTER_VALIDATE_EMAIL) || empty($message)) ? false : true;
$erreurNom = (empty($nom)) ? 'Indiquer votre nom' : NULL;
$erreurPays = (empty($pays)) ? 'Indiquer votre pays' : NULL;
$erreurEmail = (empty($email) || !filter_var($email,FILTER_VALIDATE_EMAIL)) ? 'Indiquer un Email valide' : NULL;
$erreurMessage = (empty($message)) ? 'Indiquer votre message' : NULL;
if ($valid) {
$nom = strip_tags($nom);
$pays = strip_tags($pays);
$email = strip_tags($email);
$message = strip_tags($message);
}
}
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title></title>
<link rel="stylesheet" media="screen" href="ecran.css" />
</head>
<body>
<div id="content">
<form method="post" action="index.php">
<?php if (isset($erreurNom)): ?>
<label for="nom" class="error"><?php if (isset($erreurNom)) echo $erreurNom; ?> :</label>
<input type="text" class="error" name="nom" value="<?php if(isset($nom)) echo $nom; ?>"/>
<?php else :?>
<label for="nom">Nom :</label>
<input type="text" name="nom" value="<?php if(isset($nom)) echo $nom; ?>"/>
<?php endif ;?>
<?php if (isset($erreurPays)): ?>
<label for="pays" class="error"><?php if (isset($erreurPays)) echo $erreurPays; ?></label>
<select name="pays" class="error" value="<?php if(isset($pays)) echo $pays; ?>">
<option value="Choix 1"><option value="Choix 2">Choix 2 <option value="Choix 3">Choix 3
</select>
<?php else :?>
<label for="pays">Pays :</label>
<select name="pays" value="<?php if(isset($pays)) echo $pays; ?>"">
<option value="Choix 1"> <option value="Choix 2">Choix 2 <option value="Choix 3">Choix 3
</select>
<?php endif ;?>
<?php if (isset($erreurEmail)): ?>
<label for="email" class="error"><?php if (isset($erreurEmail)) echo $erreurEmail; ?> : </label>
<input type="text" class="error" name="email" value="<?php if(isset ($email)) echo $email; ?>"/>
<?php else :?>
<label for="email">E-mail :</label>
<input type="text" name="email" value="<?php if(isset ($email)) echo $email; ?>"/>
<?php endif ;?>
<?php if(isset($erreurMessage)):?>
<label for="message" class="error"><?php if(isset($erreurMessage)) echo $erreurMessage; ?>:</label>
<textarea name="message" class="error" value="<?php if (isset($message)) echo $message; ?>"></textarea>
<?php else :?>
<label for="message">Message :</label>
<textarea name="message" value="<?php if (isset($message)) echo $message; ?>"></textarea>
<?php endif ;?>
<input type="submit" value="Envoyer"/>
</form>
</div>
</body>
</html> |
et mon css :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
|
body {
background-color : #F1F1F1;
}
#content{
background-color : #FFF;
margin-left : auto;
margin-right : auto;
margin-top : 200px;
width : 50%;
border : solid #A1A1A1 1px;
padding : 50px;
}
label{
display : block ;
font-size : 1.2em
}
label.error{
display : block ;
font-size : 1.2em;
color : red;
}
input[type=text]{
padding : 5px;
width : 300px;
heigth : 20px;
border : solid #A1A1A1 1px;
margin-bottom : 15px;
}
input[type=text].error{
padding : 5px;
width : 300px;
heigth : 20px;
margin-bottom : 15px;
border : solid #FF7575 1px;
-moz-box-shadow : 0 0 20px #F55 inset;
-webkit-box-shadow : 0 0 20px #F55 inset;
}
textarea{
padding : 5px;
width : 500px;
height : 300px;
border : solid #A1A1A1 1px;
}
textarea.error{
padding : 5px;
width : 500px;
height : 300px;
border : solid #FF7575 1px;
-moz-box-shadow : 0 0 20px #F55 inset;
-webkit-box-shadow : 0 0 20px #F55 inset;
}
select{
padding :5px;
width : 300px;
height : 30px;
margin-bottom :15px;
border : solid #A1A1A1 1px;
}
select.error{
padding :5px;
width : 300px;
height : 30px;
margin-bottom :15px;
border : solid #FF7575 1px;
-moz-box-shadow : 0 0 20px #F55 inset;
-webkit-box-shadow : 0 0 20px #F55 inset;
}
input[type=submit]{
display : block;
margin-top : 10px;
width : 85px;
height : 25px;
border : solid #222 1px;
background : #333;
color : #FFF;
-moz-border-radius:5px;
-webkit-border-radius:5px;
} |
