html y javascript inicio de sesión(consulta)

aldebaranlp · #1 (**permalink**) 19/01/2011, 16:29

Disculpen si no es el lugar adecuado , se que java no es lo mismo que javascript pero seguro me van a poder ayudar ; quiero loguearme con un usuario y una contraseña almacenada en el mismo script el cual debería verificar el usuario y la contraseña que pongo en el form del html.

Les dejo el script y el html , para que me digan donde estan los problemas ya que seguro hay más de 1.
Recién empiezo con esto de javascript, dhtml, css, ajax. Asi que desde ya muchas gracias

Cita:

El html

<html>
<head>
<title>Entrada</title>
<script language="javascript" type="text/javascript" src="entrada.js"></script>
<link rel="StyleSheet" href="ent.css" type="text/css">
</head>
<body>
<script language="javascript">
// nombre y passwd del usuario
var nombreuserypassuser;
nombreuserypassuser=new uverificar(usernombre,userclave);
</script>
<img src="imagenes/arbdv.gif" alt="index-arbol">
<form class="centrar" name="fromentrada">
Nombre:
<input type="text" name="usernombre" maxlength="15"
size="15">
<br>
Clave:
<input type="password" name="userclave" maxlength="12"
size="12">
<br>
<input type="button" value="Entrar" onclick="pverificar()">
</form>
</body>
</html>

Cita:

El entrada.js

function uverificar(nombre,pass){
this.nombre=nombre;
this.contraseña=pass;
}
function pverificar(){
if (this.nombre==algo && this.contraseña==algo )
{window.location='home.html';}
else
{ alert('el usuario '+ this.nombre + 'y o la contraseña estan equivocados');}

}

Saludos

valdo_kof · #2 (**permalink**) 21/01/2011, 14:44

bueno si tenias razon hay mas de 1 error y no es q yo sea un experto mira para empezar tus datos

this.nombre=nombre;
this.contraseña=pass;

no se de donde los sacas xq tus input no se lalman asi y no entiendo que quieres hacer con esto

<script language="javascript">
// nombre y passwd del usuario
var nombreuserypassuser;
nombreuserypassuser=new uverificar(usernombre,userclave);
</script>

asi q yo pienso lo puedes hacer asi dejando atras tu pagina entrada.js (xq como dije en un principio no soy un experto por lo q no se usar muy bien paginas .js en mis proyectos)

ahora yo lo haria asi

Código HTML:

Ver original<html>
<head>
<title>Entrada</title>
<link rel="StyleSheet" href="ent.css" type="text/css">
<script language="javascript">
function validar(){
// nombre y passwd del usuario
var nombre=document.forms["fromentrada"].usernombre.value;
var pass=document.forms["fromentrada"].usernombre.value;//en estas dos lineas obtenemos los q se tecleo en tus input
 
if (nombre=="algo" && pass=="algo" )
{window.location="home.html";}
else
{ alert('el usuario '+ nombre+ 'y/o la contrase&ntilde;a estan equivocados');} 
 
}
 
 
}
</script>
 
</head>
<body>
<img src="imagenes/arbdv.gif" alt="index-arbol">
<form class="centrar" name="fromentrada">
Nombre: 
<input type="text" name="usernombre" maxlength="15" 
size="15">
<br>
Clave: 
<input type="password" name="userclave" maxlength="12" 
size="12">
<br>
<input type="button" value="Entrar" onclick="validar()">
</form>
</body>
</html>

creo q asi esta bien asi es como quedaria tu pagina pruebalo y si no funciona como quieres por aqui seguimos intentando ayudarte

suerte!!!!!

hernandoh · #3 (**permalink**) 20/04/2016, 18:00

Hola aldebaranlp, mira lo que debes hacer es llamar tus input en el script asi:

HTML

Código HTML:

<input id="usernombre" type="text" name="usernombre" maxlength="15" 
size="15">

como ves puse un "id" con el nombre de "usernombre"

SCRIPT

Código:

var nombreUsuario = document.GetElementById=("usernombre").value;

aquí lo que pasa es que creo una variable y le asigno como valor, el valor valga la redundancia de usernombre que es el input

ya que tienes eso podes hacer la comparación:

creamos un objeto que tenga nombre y contraseña

Código:

function usuarios(nombre,pass){
this.nombre=nombre;
this.contraseña=pass
}

creamos una instancia del objeto "usuarios" donde "carlos" es el nombre y "admin123" es la contraseña

Código:

var pepito = new usuarios (pepito,admin123);

luego creamos una función que compare los datos

Código:

function verificar(){
if (papito.nombre==nombreUsuario && this.contraseña==contraseñaUsuario)
{window.location='home.html';}
else
{ alert('el usuario y o la contraseña están equivocados');} 

}

ESO DEBERÍA FUNCIONAR XD

Ten en cuenta que solo puse el usuario, no hice el proceso con la contraseña pero es lo mismo.

Saludos