-
Notifications
You must be signed in to change notification settings - Fork 616
/
Copy path10 Formulario listas.php
117 lines (101 loc) · 2.71 KB
/
10 Formulario listas.php
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
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Validar formulario - Listasrroja</title>
<style>
body{background-color: #264673; box-sizing: border-box; font-family: Arial;}
form{
background-color: white;
padding: 10px;
margin: 100px auto;
width: 400px;
}
input[type=text], input[type=password]{
padding: 10px;
width: 380px;
}
input[type="submit"]{
border: 0;
background-color: #ED8824;
padding: 10px 20px;
}
.error{
background-color: #FF9185;
font-size: 12px;
padding: 10px;
}
.correcto{
background-color: #A0DEA7;
font-size: 12px;
padding: 10px;
}
</style>
</head>
<body>
<form action="#" method="POST">
<?php
$nombre = "";
$password = "";
$email = "";
// TODO (1) declarar variable
$pais = "";
if(isset($_POST['nombre'])){
$nombre = $_POST['nombre'];
$password = $_POST['password'];
$email = $_POST['email'];
// TODO (2) asignar valor de solicitud POST
$pais = $_POST['pais'];
$campos = array();
if($nombre == ""){
array_push($campos, "El campo Nombre no pude estar vacío");
}
if($password == "" || strlen($password) < 6){
array_push($campos, "El campo Password no puede estar vacío, ni tener menos de 6 caracteres.");
}
if($email == "" || strpos($email, "@") === false){
array_push($campos, "Ingresa un correo electrónico válido.");
}
// TODO (3) Validar que el campo no esté vacío
if($pais == ""){
array_push($campos, "Selecciona un país de origen.");
}
if(count($campos) > 0){
echo "<div class='error'>";
for($i = 0; $i < count($campos); $i++){
echo "<li>".$campos[$i]."</i>";
}
}else{
echo "<div class='correcto'>
Datos correctos";
}
echo "</div>";
}
?>
<p>
Nombre:<br/>
<input type="text" name="nombre" value="<?php echo $nombre; ?>">
</p>
<p>
Password:<br/>
<input type="password" name="password" value="<?php echo $password; ?>">
</p>
<p>
correo electrónico:<br/>
<input type="text" name="email" value="<?php echo $email; ?>">
</p>
<p>
País de origen: <br>
<select name="pais" id="">
<option value="">Selecciona un país</option>
<option value="mx" <?php if($pais == "mx") echo "selected" ?> >México</option>
<option value="eu" <?php if($pais == "eu") echo "selected" ?>>Estados Unidos</option>
<option value="es" <?php if($pais == "es") echo "selected" ?>>España</option>
<option value="ar" <?php if($pais == "ar") echo "selected" ?>>argentina</option>
<option value="ch" <?php if($pais == "ch") echo "selected" ?>>China</option>
</select>
</p>
<p><input type="submit" value="enviar datos"></p>
</form>
</body>
</html>