comment
IRC Chat
play_arrow
Este sitio utiliza cookies propias y de terceros. Si continúa navegando consideramos que acepta el uso de cookies. OK Más Información.

[SOLUCIONADO] Duda javascript (sistema de login)

  • 10 Respuestas
  • 2756 Vistas

0 Usuarios y 1 Visitante están viendo este tema.

Desconectado rollth

  • *
  • Underc0der
  • Mensajes: 874
  • Actividad:
    0%
  • Reputación 16
  • El conocimiento es libre.
    • Ver Perfil
    • Whateversec
    • Email
  • Twitter: @RoloMijan
« en: Abril 03, 2014, 08:12:28 pm »
Buenas, estoy empezando a aprender javascript despues de haber aprendido html y css.

La cosa es que estoy creando un sistema de login (se que es mas fiable php) con javascript, pero no me funciona y me gustaria que ustedes me ayudasen.

Aqui va el codigo, muchas gracias de antemano

Código: Javascript
  1. var Login = document.getElementById ('Login');
  2. Login.addEventListener ('click', function(){
  3. var Ce = document.getElementById ('Ce');
  4. var Ce1 = Ce.value;
  5. var Pass = document.getElementByid ('Pass');
  6. var Pass1 = Pass.value;
  7. if Ce1 == 123 && Pass1 == 123
  8. {
  9. location.href=Login.html
  10. }
  11. else
  12. {
  13. alert ('Contraseña o correo electronico incorrecto')
  14. }
  15. })
« Última modificación: Agosto 18, 2014, 08:02:38 pm por Expermicid »

Desconectado fermino

  • *
  • Underc0der
  • Mensajes: 330
  • Actividad:
    0%
  • Reputación 1
  • Aprendiz de todo, maestro de nada...
    • Ver Perfil
    • In The Middle Of Knowledge
« Respuesta #1 en: Abril 03, 2014, 10:28:30 pm »
Por que usas el EventListener si puedes usar una función y onclick. Por lo demas, creo qur las condiciones del ir van entre paréntesis...

Desconectado Destructor.cs

  • *
  • Underc0der
  • Mensajes: 68
  • Actividad:
    0%
  • Reputación 0
    • Ver Perfil
« Respuesta #2 en: Abril 03, 2014, 11:04:12 pm »
var Ce = document.getElementById ('Ce').value;
var Pass = document.getElementByid ('Pass').value;

if (Ce == "123" && Pass == "123"){
     location.href=Login.html;
}else{
     alert ("Contraseña o correo electronico incorrecto");
}


Esta seria para mi la solución mas acertada
Saludos
Destructor

Desconectado rollth

  • *
  • Underc0der
  • Mensajes: 874
  • Actividad:
    0%
  • Reputación 16
  • El conocimiento es libre.
    • Ver Perfil
    • Whateversec
    • Email
  • Twitter: @RoloMijan
« Respuesta #3 en: Abril 04, 2014, 06:29:54 am »
Muchas gracias a los dos, pero me sigue sin funcionar  :( creo que el error esta en el addEventListener, si me explicasen como funciona la funcion onclcik estaria muy agradecido. El codigo
Código: [Seleccionar]
var Login = document.getElementById ('Login');
Login.onclick=function(){
var Ce = document.getElementById ('Ce').value;
var Pass = document.getElementByid ('Pass').value;

if (Ce == "123" && Pass == "123"){
     location.href=Login.html;
}else{
     alert ("Contraseña o correo electronico incorrecto");
};

y el codigo html

Código: [Seleccionar]
<!DOCTYPE html>
<html>
<head>
<title>Login</title>
<link rel="stylesheet" type="text/css" href="estilo.css">
<noscript>Activa el javasctip¡¡¡¡</noscript>
</head>
<body>
<div class="esquina">
<a href="buscar.html">
<button type="submit">Buscar</button>
</a>
</div>
<div class="esquina">
<a href="pagina web.html">
<button type="submit">Login</button>
</a>
</div>
<div>
<img src="login.jpg" height=90px width=200px></img>
</div>
<div>
<form>
<input type="text" placeholder="Correo electronico" id="Ce"> </input>
<input type="password" placeholder="Contraseña" id="Pass"> </input>
<button type="submit" id="Login">Login</button>
</form>
</div>
<div>
<strong>Escriba su mensaje para enviarlo al administrador</strong>
<form>
<textarea style="margin: 2px; width: 371px; height: 129px;"></textarea>
<button type="submit">Enviar</button>
</form>
</div>
<div>
<strong>Mensajes del administrador</strong>
<p>Esto es un mensaje del administrador<p>
</div>
<script src="javascript.js"></script>
</body>
</html>
« Última modificación: Abril 04, 2014, 06:48:44 am por rollth »

Desconectado fermino

  • *
  • Underc0der
  • Mensajes: 330
  • Actividad:
    0%
  • Reputación 1
  • Aprendiz de todo, maestro de nada...
    • Ver Perfil
    • In The Middle Of Knowledge
« Respuesta #4 en: Abril 04, 2014, 09:40:09 am »
Primero, defines una función; por ejemplo:
Código: Javascript
  1. function Login()
  2. {
  3.     var Ce = document.getElementById ('Ce').value;
  4.     var Pass = document.getElementByid ('Pass').value;
  5.    
  6.     if (Ce == "123" && Pass == "123")
  7.     {
  8.         location.href=Login.html;
  9.     }
  10.     else
  11.     {
  12.         alert ("Contraseña o correo electronico incorrecto");
  13.     }
  14. }

y luego, usas un <button> como este:

Código: HTML5
  1. <button type="button" onclick="Login();">Enviar</button>

Lo que hace onclick, es. Cuando se clickea en el botón, se ejecuta el javascript. En este caso, la función previamente definida, Login()

Desconectado rollth

  • *
  • Underc0der
  • Mensajes: 874
  • Actividad:
    0%
  • Reputación 16
  • El conocimiento es libre.
    • Ver Perfil
    • Whateversec
    • Email
  • Twitter: @RoloMijan
« Respuesta #5 en: Abril 04, 2014, 04:37:37 pm »
Muchas gracias, pero sigue sin funcionar¡¡¡

Desconectado fermino

  • *
  • Underc0der
  • Mensajes: 330
  • Actividad:
    0%
  • Reputación 1
  • Aprendiz de todo, maestro de nada...
    • Ver Perfil
    • In The Middle Of Knowledge
« Respuesta #6 en: Abril 04, 2014, 06:32:01 pm »
La función la guardas en un. js, o directamente te en la header?

Desconectado Once

  • *
  • Underc0der
  • Mensajes: 391
  • Actividad:
    0%
  • Reputación 0
    • Ver Perfil
    • El blog de Once
  • Twitter: @don_once
« Respuesta #7 en: Abril 04, 2014, 08:31:13 pm »
El error no está en el AddEventListener. El problema es que tienes MUCHOS errores en la sintaxis.

Código: Javascript
  1.     var Login = document.getElementById('Login');
  2.  
  3.     Login.addEventListener('click', function(){
  4.         var Ce = document.getElementById('Ce');
  5.         var Ce1 = Ce.value;
  6.         var Pass = document.getElementById('Pass');
  7.         var Pass1 = Pass.value;
  8.         if (Ce1 == "123" && Pass1 == "123") {
  9.             location.href = "Login.html";
  10.         } else {
  11.             alert ('Contraseña o correo electronico incorrecto');
  12.         }
  13.     });

Como consejo, te recomiendo que comiences identar tus códigos (en especial el de las funciones anónimas) así te das cuenta mucho más fácil de los errores que tienes.

PD: Si estás comenzando con JS, te recomiendo que le des un vistazo a esta web: JavascriptYa

Saludos!

Desconectado rollth

  • *
  • Underc0der
  • Mensajes: 874
  • Actividad:
    0%
  • Reputación 16
  • El conocimiento es libre.
    • Ver Perfil
    • Whateversec
    • Email
  • Twitter: @RoloMijan
« Respuesta #8 en: Abril 05, 2014, 11:15:22 am »
Ahora si me da el error cuando escribo mal la contraseña, pero no me carga la pagina cuando pongo bien la contraseña, el codigo esta en un archivo .js

Desconectado Snifer

  • *
  • Underc0der
  • Mensajes: 1439
  • Actividad:
    0%
  • Reputación 1
  • Snifer@L4b's
    • Ver Perfil
    • Snifer@L4bs
  • Twitter: sniferl4bs
« Respuesta #9 en: Abril 05, 2014, 07:24:53 pm »
en el redirect estas mandandolo al archivo correcto? es decir si se llama pepito.html lo andas mandando alli? o hay otro file?

Regards,
Snifer
http://www.sniferl4bs.com


Llaman traidor a la persona que evito que caiga el foro, gente bruta!



Desconectado rollth

  • *
  • Underc0der
  • Mensajes: 874
  • Actividad:
    0%
  • Reputación 16
  • El conocimiento es libre.
    • Ver Perfil
    • Whateversec
    • Email
  • Twitter: @RoloMijan
« Respuesta #10 en: Abril 06, 2014, 10:03:31 am »
si, el archivo javascript tengo  location.href="admin.html";
y en la misma carpeta tengo un archivo llamado admin.html

 

¿Te gustó el post? COMPARTILO!



[SOLUCIONADO] ¿Kali Linux o Kali Linux Ligth ?

Iniciado por worq

Respuestas: 2
Vistas: 8398
Último mensaje Noviembre 21, 2017, 12:28:54 pm
por Codig0Bit
[SOLUCIONADO] Multiuploader de imagenes con mysql, hosting de imagenes con mysql

Iniciado por graphixx

Respuestas: 4
Vistas: 2298
Último mensaje Marzo 26, 2013, 05:42:58 pm
por Xt3mP
[SOLUCIONADO] ¿Como publicar un software como software libre?

Iniciado por FuriosoJack

Respuestas: 2
Vistas: 1716
Último mensaje Mayo 23, 2017, 07:24:22 am
por HATI
[SOLUCIONADO] Linux Mint, errores, errores y mas errores...

Iniciado por n1sendev

Respuestas: 12
Vistas: 3200
Último mensaje Noviembre 22, 2017, 06:50:55 am
por RuidosoBSD
[SOLUCIONADO] Problem al instalar Windows "cualquier windows"

Iniciado por Made

Respuestas: 7
Vistas: 3136
Último mensaje Septiembre 03, 2012, 04:53:08 pm
por Made