18-06-2015, 12:03 PM
0
Hoy les traigo un sistema básico de logueo hecho por mi en Javascript en mis momento mas aburridos. El sistema es fácil de utilizar y mas si sabes de Javascript. Se los dejo para los novatos en la programación web, para que practiquen o para que lo agreguen en sus webs... espero que les guste
Les explico rápido:
Consiste en que se coloquen las 2 variables (usuario y contraseña) en el código Javascript, que luego a al momento de ingresar los datos en los formularios de login, el código compruebe que el usuario y la contraseña sean correctos para direccionar a la pagina que deseas proteger o ocultar (logueado.html).
Si los datos no son correctos te enviara directo a la pagina de inicio (index.html)
Bueno aquí les dejo el código:
Atención: si estas buscando un sistema de logueo de alta seguridad no te recomiendo que lo ocupes ya que no posee seguridad... para mejor seguridad utilizar php y mysql
Les explico rápido:
Consiste en que se coloquen las 2 variables (usuario y contraseña) en el código Javascript, que luego a al momento de ingresar los datos en los formularios de login, el código compruebe que el usuario y la contraseña sean correctos para direccionar a la pagina que deseas proteger o ocultar (logueado.html).
Si los datos no son correctos te enviara directo a la pagina de inicio (index.html)
Bueno aquí les dejo el código:
Código:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Logueo</title>
</head>
<SCRIPT LANGUAGE="JavaScript">
function Login(){
var done=0;
var username=document.login.username.value;
username=username.toLowerCase();
var password=document.login.password.value;
password=password.toLowerCase();
if (username=="usuario" && password=="contraseña") { window.location="logueado.html"; done=1; }
if (done==0) { window.location="index.html"; }
}
</SCRIPT>
<body>
<form name=login>
Usuario: <input type=text name=username>
Contraseña: <input type=password name=password>
<input type=button value="Entrar" onClick="Login()">
</form>
</body>
</html>
Atención: si estas buscando un sistema de logueo de alta seguridad no te recomiendo que lo ocupes ya que no posee seguridad... para mejor seguridad utilizar php y mysql