JavaScript - Error en validación de formulario HTML

 
Vista:
Imágen de perfil de Vladimir
Val: 12
Ha disminuido su posición en 4 puestos en JavaScript (en relación al último mes)
Gráfica de JavaScript

Error en validación de formulario HTML

Publicado por Vladimir (6 intervenciones) el 15/12/2018 00:16:20
Hola buenas noches, estoy aprendiendo javascrip, estoy desarrollando un ejemplo, que estoy tomando directamente del libro del cual estoy estudiando, pero me genera el siguiente error:

errorvalidacionjs

les copio el código del ejemplo de esta practica que no me corre:

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
<!DOCTYPE html>
<html lang="es">
<head>
	<title>Formulaios</title>
	<script>
    function iniciar(){
 
        edad=document.getElementById("miedad");
        edad.addEventListener("change",cambiarrango,false);
        document.informacion.addEventListener("invalid",validacion,true);
        document.getElementById("enviar").addEventListener("click",enviar,false);
    }
    document.addEventListener('DOMContentLoaded', iniciar);
    function cambiarrango(){
 
        var salida=document.getElementById("rango");
        var calc=edad.value-20;
 
        if (calc<20){
            calc=0;
            edad.value=20;
        }
 
        salida.innerHTML=calc+' a ' +edad.value;
    }
 
	function validacion(e){
 
        var elemento=e.target;
        elemento.style.background='#FFDDDD';
	}
 
	function enviar(){
 
        var valido=document.informacion.checkValidity();
 
        if (valido){
 
            document.informacion.submit();
        }
 
	}
	</script>
</head>
<body>
    <section>
        <form name="informacion" method="get">
            Usuario:
            <input  pattern="[A-Za-z]{3,}"  name="usuario" id="usuario" maxlength="10" required>
 
            Email:
            <input type="email" name="miemail" id="miemail" required>
 
            Rando Edad:
 
            <input type="range" name="miedad" id="miedad" min="0" max="80" step="20" required>
 
            <output id="rango"> 0 a 20</output>
            <input type="button" id="Enviar" value="ingresar">
        </form>
    </section>
</body>
</html>

Gracias por el apoyo que me puedan brindar.
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de xve
Val: 2.998
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Error en validación de formulario HTML

Publicado por xve (2096 intervenciones) el 15/12/2018 10:35:37
Hola Vladimir, el id "enviar" no existe!!!
existe el id "Enviar" que es diferente de "enviar"

Javascript es case sensitive!!!
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
1
Comentar
Imágen de perfil de Vladimir
Val: 12
Ha disminuido su posición en 4 puestos en JavaScript (en relación al último mes)
Gráfica de JavaScript

Error en validación de formulario HTML

Publicado por Vladimir (6 intervenciones) el 15/12/2018 15:28:38
Nagauara (lo usamos en Venezuela para delimitar asombro) mi pana gracias, no me fije, debo ser mas cuidadoso con el código, muchas gracias. Por cierto existe un IDE de desarrollo que me especifique este tipo de detalles?
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar