[SOLUCIONADO] Duda javascript (sistema de login)

rollth · 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

var Login = document.getElementById ('Login');
Login.addEventListener ('click', function(){
var Ce = document.getElementById ('Ce');
var Ce1 = Ce.value;
var Pass = document.getElementByid ('Pass');
var Pass1 = Pass.value; 
if Ce1 == 123 && Pass1 == 123
{
location.href=Login.html
} 
else
{
alert ('Contraseña o correo electronico incorrecto')
}
})

fermino · 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...

Destructor.cs · 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

rollth · 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: php

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: php

<!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>

fermino · Abril 04, 2014, 09:40:09 AM

Primero, defines una función; por ejemplo:

Código: javascript

function Login()
{
    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 luego, usas un <button> como este:

Código: html5

<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()

rollth · Abril 04, 2014, 04:37:37 PM

Muchas gracias, pero sigue sin funcionar¡¡¡

fermino · Abril 04, 2014, 06:32:01 PM

La función la guardas en un. js, o directamente te en la header?

Once · 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

    var Login = document.getElementById('Login');

    Login.addEventListener('click', function(){
        var Ce = document.getElementById('Ce');
        var Ce1 = Ce.value;
        var Pass = document.getElementById('Pass');
        var Pass1 = Pass.value; 
        if (Ce1 == "123" && Pass1 == "123") {
            location.href = "Login.html";
        } else {
            alert ('Contraseña o correo electronico incorrecto');
        }
    });

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: No tienes permitido ver los links. Registrarse o Entrar a mi cuenta

Saludos!

rollth · 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

Snifer · 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

rollth · 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

[SOLUCIONADO] Duda javascript (sistema de login)

rollth

Abril 03, 2014, 08:12:28 PM Ultima modificación: Agosto 18, 2014, 08:02:38 PM por Expermicid

fermino

Abril 03, 2014, 10:28:30 PM #1

Destructor.cs

Abril 03, 2014, 11:04:12 PM #2

rollth

Abril 04, 2014, 06:29:54 AM #3 Ultima modificación: Abril 04, 2014, 06:48:44 AM por rollth

fermino

Abril 04, 2014, 09:40:09 AM #4

rollth

Abril 04, 2014, 04:37:37 PM #5

fermino

Abril 04, 2014, 06:32:01 PM #6

Once

Abril 04, 2014, 08:31:13 PM #7

rollth

Abril 05, 2014, 11:15:22 AM #8

Snifer

Abril 05, 2014, 07:24:53 PM #9

rollth

Abril 06, 2014, 10:03:31 AM #10