JavaScript - Error en evento onload - el objeto window no fue definido.

   
Vista:
Imágen de perfil de ezequiel

Error en evento onload - el objeto window no fue definido.

Publicado por ezequiel (6 intervenciones) el 25/01/2018 13:39:43
hola. soy nuevo en el mundo de la programación así que sepan disculpar si mi consulta es tonta, estoy aprendiendo.

En este momento me encuentro aprendiendo los evento con un "simple script" de verificación de campos vacíos en un formulario. Pero no me funciona inclusive escribiéndolo 100% igual al ejemplo.

Por parte del HTML este es el código:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <title>Documento de prueva</title>
    <link rel="stylesheet" href="estilo.css">
    <script type="text/javascript" src="variables.js"></script>
</head>
<body>
 <form action="prosesar.php" method="post" id="form">
     <input type="text" name="Nombre" id="name"><br><br>
     <input type="password" name="contraseña" id="pas"><br><br>
     <input type="button" value="Ingresar">
 </form>
</body>
</html>


Por parte de el javascript:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
window.onload=iniciar;
 
function iniciar(){
    document.getElementById("form").onsubmit=validar;
}
 
function validar(){
    var user, con
    user=document.getElementById("name").value;
    con=document.getElementById("pas").Value;
 
    if(user.length==0 || con.length==0){
        alert("Los campos no deven estar vacios!!");
        return false;
    }
    else{
        return true;
    }
}

Ahora el brackets que es el programa con el que escribo código me dice que el objeto window no fue definido y en base a ese error luego tira muchos mas errores.

Mi pregunta es ¿en que estoy fallando?

adjunto captura de pantalla:
Captura-de-pantalla-1
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 Pedro

Error en evento onload - el objeto window no fue definido.

Publicado por Pedro (20 intervenciones) el 25/01/2018 18:58:43
A vuelo de pájaro diría que es por falta del type="submit" en el formulario así que vamos a hacer varias cosas:

[1] Vamos a aprender a crear un Eventlistener así dentro de la función validar que es llamada cuando lee el html

QUITA ESTO document.getElementById("form").onsubmit=validar;

PON ESTOdocument.getElementById("form").addEventListener('submit',validar,false);

[2]Luego vamos a hacer un pequeñín cambio en el form me vas a modificar

Esto <input type="button" value="Ingresar">

Por esto <input type="submit" value="Ingresar">

Básicamente creo que el error como te he dicho es porque no tienes el submit en el formulario, espero que no se me haya pasado nada más es que acabo de venir de currar y me he tirado todo el día con el moto-pico haciendo zanjas de 50*100 en hormigón y quizás se me haya pasado algo debido al agotamiento físico y mental añadido a mis 50 años que tengo. O_o

Regards y es un placer haberte podido ayudar si lo he hecho porque me ayudas a tener los conocimientos frescos.Esto en la naturaleza se llama simbiosis.

PD: Un truqui de hombre de la obra men at work , a mi jóven estudiante crea una variable debajo del

window.onload=iniciar;
var d = document // Así cada vez que necesites usar document con sólo poner la letra d te ahorras escribir document
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 ezequiel

Error en evento onload - el objeto window no fue definido.

Publicado por ezequiel (6 intervenciones) el 26/01/2018 03:01:57
Efectivamente amigo, era que cree un button en lugar de un submit. Me di cuenta despues de romperme la cabeza durante un par de horas, error de novato, de verdad agradezco que te hayas tomado la molestia de responder mi consulta, mas estando tan cansado.
Respecto al addEventListener tambien lo estoy aprendiendo, pero quiero aprender todos los métodos por si alguna vez tengo que modificar una pagina ya echa.
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 Pedro

Error en evento onload - el objeto window no fue definido.

Publicado por Pedro (20 intervenciones) el 26/01/2018 17:58:06
Es agradecimiento mutuo gracias a vuestras preguntas por lo menos a mí me ayudan a tener siempre fresco , todo lo que aprendí.

Hugs mate...!
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
Imágen de perfil de Wilfredo Patricio Castillo

Error en evento onload - el objeto window no fue definido.

Adicional a lo que ya te dijeron.

window.onload=iniciar();

ya que es una función.

Saludos cordiales,
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
Revisar política de publicidad