Validación formulario simple
Publicado por raquel (12 intervenciones) el 27/04/2020 22:14:07
Hola chicos, muy buenas!!
Estoy aprendiendo javascript y ando practicando con la validación de formularios, una validación bastante simple, sin entrar a florituras la verdad... step by step. Y me ocurre lo siguiente, me da el siguiente error:
Uncaught TypeError: Cannot read property 'value' of null
at validacion.js:3
Os voy a poner el código para que lo veais mejor, y quizas veis algo que yo no estoy viendo.
Muchisimas gracias de antemano!
Un saludo!!
Estoy aprendiendo javascript y ando practicando con la validación de formularios, una validación bastante simple, sin entrar a florituras la verdad... step by step. Y me ocurre lo siguiente, me da el siguiente error:
Uncaught TypeError: Cannot read property 'value' of null
at validacion.js:3
Os voy a poner el código para que lo veais mejor, y quizas veis algo que yo no estoy viendo.
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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script type="text/javascript" src="validacion.js"></script>
<title>Prueba Formulairio</title>
</head>
<body>
<form action="#" method="POST" name="form" id="form" onsubmit="return valida()">
<table>
<tr>
<td><label for="nombre">Nombre</label></td>
<td><input type="text" name="nombre" id="nombre" placeholder="Introduzca un nombre"></td>
</tr>
<tr>
<td><label for="correo">Correo</label></td>
<td><input type="text" name="correo" id="correo" placeholder="Introduzca un correo elextrónico"></td>
</tr>
<tr>
<td><label for="asunto">Seleccione una opción:</label></td>
<td><select id="opcion" name="opcion">
<option value="">Selecciona</option>
<option value="1">Opcion 1</option>
<option value="2">Opción 2</option>
<option value="3">Opción 3</option></select></td>
</tr>
<tr>
<td><input type="submit" id="btn" name="btn"></td>
</tr>
</table>
</form>
</body>
</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
var elemento = document.getElementById("nombre").value;
var indice = document.getElementById("opcion").selectedIndex;
var valor = document.getElementbyId("correo").value;
function valida(){
if(elemento == null || elemento.length == 0 || /^\s+$/.test(elemento)){
alert("complete el campo nombre");
return false;
}else if( indice == null || indice == 0){
alert("debe seleccionar una opcion");
return false;
}else if( !(/\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)/.test(valor)) ){
alert("debe introducir un correo electrónico"); return false; } return true;}Muchisimas gracias de antemano!
Un saludo!!
Valora esta pregunta
0
