This repository has been archived by the owner on Apr 24, 2024. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Sign_Up.html
102 lines (96 loc) · 3.55 KB
/
Sign_Up.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content"width=device-width, initial-scale=1.0">
<title>Sign Up Form</title>
</head>
<!--damos color al fondo de nuestra pagina-->
<body style="background-color: burlywood;">
<!--creamos el formulario y damos sus especificaciones-->
<form style="background-color: beige" name="fvalida" action="register.php" method="get">
<!--creamos el marco del formulario-->
<h1 style="font-family: century">Data Recopilation</legend>
<!--lo usuamos para centrar los elemntos de la pagina-->
</center>
<!--creamos el diseño del formulario-->
<h1 style="font-family: bebas">Personal Data</h1><br>
</center>
<!--creamos etiqueta indicando el nombre de usuario-->
<label style="font-family: 'Arial Narrow'">Ingrese nombre: </label>
<!--creamos textBox del nombre de usuario-->
<input type="text" name="usuario" id="usuario">
<br> <br>
<label style="font-family: 'Arial Narrow'">ingrese apellido </label>
<input type="text" name="apellido" id="apellido"><br><br>
<label style="font-family: 'Arial Narrow'">ingrese edad </label>
<input type="number" name="edad" id="edad"><br><br>
<label style="font-family: 'Arial Narrow'">ingrese telefono </label>
<input type="text" name="telefono"><br><br>
<label style="font-family: 'Arial Narrow'">ingrese correo </label>
<input type="email" name="correo" id="correo"><br><br>
<label style="font-family: 'Arial Narrow'">ingrese password </label>
<input type="password" name="password" id="password"><br><br>
<!--los nombramos de igual manera para que al marcar uno se desmarque el otro-->
<input type="radio" id="puesto" value="nombre">
<!--creamos el RadioButton y su etiqueta-->
<label style="font-family: Arial Narrow">administrador</label>
<input type="radio" id="01">
<label style="font-family: Arial Narrow">paciente</label>
<input type="radio" name="doctor id=" 02">
<label style="font-family: Arial Narrow">doctor</label>
<!--creamos boton-->
<center>
<a href="">
<input type="button" value="Send" onclick="signup()"></a>
</center>
</form>
</body>
<script type="text/javascript">
function signup() {
if (document.fvalida.usuario.value == '') {
alert("You must enter an user name");
document.fvalida.usuario.focus()
return 0;
}
if (document.fvalida.apellido.value == '') {
alert("You must enter a last name");
document.fvalida.apellido.focus()
return 0;
}
if (document.fvalida.edad.value == '') {
alert("You must enter an age");
document.fvalida.edad.focus()
return 0;
}
if (document.fvalida.telefono.value == '') {
alert("You must enter a phone number");
document.fvalida.telefono.focus()
return 0;
}
if (document.fvalida.edad.value == '') {
alert("You must enter an age");
document.fvalida.edad.focus()
return 0;
}
if (document.fvalida.correo.value == '') {
alert("You must enter an email");
document.fvalida.correo.focus()
return 0;
}
if (/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,4})+$/.test(document.fvalida.correo.value)) //Validar email
{
}
else {
alert("The email is incorrect");
document.fvalida.correo.focus()
return 0;
}
if (document.fvalida.password.value == '') {
alert("The password is wrong");
document.fvalida.password.focus()
return 0;
}
}
</script>
</html>