Publicentral.com - promocion,paginas,web,tutores,publicentralPromocion de paginas webs
Mostrando Codigo - Javascript
Code

Javascript - Simple verificacion de usuarios con javascript

Códigos Javascript

En el siguiente ejemplo mostramos un formulario con usuario y clave, donde al insertar el nombre de usuario y clave correctos redirigirá al usuario a una pagina distinta. El script no es muy seguro puesto que al ver el codigo fuente de la pagina se podrá obtener todos los nombres de los usuarios :-)
Visitas: 35,993 - 28/03/2004 9:39:08
CODIGO SIN DEMOSTRACIONNO CONTIENE ARCHIVO DESCARGABLEComentario
CODIGO
Este codigo aun no ha sido probado por Tutores.org en ChromeEste codigo aun no ha sido probado por Tutores.org en FirefoxCodigo probado en Internet Explorer 7+Este codigo aun no ha sido probado por Tutores.org en OperaEste codigo aun no ha sido probado por Tutores.org en Safari


# Codigo ofrecido por Tutores.org

  1. <HTML>
  2. <HEAD>
  3. <script LANGUAGE="JavaScript">
  4. function Login(){
  5. var done=0;
  6. var usuario=document.login.usuario.value;
  7. var password=document.login.password.value;
  8. if (usuario=="usuario1" && password=="usuario1") {
  9. window.location="usuario1.html";
  10. }
  11. if (usuario=="usuario2" && password=="usuario2") {
  12. window.location="usuario2.html";
  13. }
  14. if (usuario=="usuario3" && password=="usuario3") {
  15. window.location="usuario3.html";
  16. }
  17. if (usuario=="usuario4" && password=="usuario4") {
  18. window.location="usuario4.html";
  19. }
  20. if (usuario=="administrador" && password=="administrador") {
  21. window.location="administrador.html";
  22. }
  23. }
  24. </script>
  25. <BODY>
  26. <CENTER>
  27. <FORM name=login>
  28. <TABLE width=225 border=1 cellpadding=1 cellspacing="1" bordercolor="#990000">
  29. <tr><td colspan=2><CENTER>
  30.             <FONT
  31. size="+2"><b>Usuarios</b></FONT>
  32.           </CENTER></td></tr>
  33. <tr>
  34.         <td>Usuario:</td>
  35.         <td><input type=text name=usuario></td></tr>
  36. <tr>
  37.         <td>Clave:</td>
  38.         <td><input type=PASSWORD name=password></td></tr>
  39. <tr><td colspan=2 align=center><input type=button value="Entrar" onClick="Login()"></td></tr>
  40. </TABLE>
  41. </FORM>
  42. </CENTER>
  43. </BODY>
  44. </HTML>    
  45.  
  46.  



ENLACE AL CODIGO
Si quieres enlazar desde tu pagina a este codigo
<!-- Inicio enlace Tutores.org -->
<a title="Tutores.org - Simple verificacion de usuarios con javascript" href="http://www.tutores.org/codigo/996/" target="_blank">Simple verificacion de usuarios con javascript</a>
<!-- Final enlace Tutores.org -->
COMENTARIOS
Comentario usuario
08/11/2004 18.01.55
3 5
es casi perfecto para lo que necesito, al fin, es solo para darle acceso a cierta pagina a cada usuario en particular, se podria mejorar con un aviso de error cuando le usuario o su clve fuera erroneos, ahora es posible que sea solo con el nombre del usuario, lamentablemente no se nada de javascript y no tengo ni idea de como modificarlo, y adicional que me lo abra en una nueva pagina, con medidas especificas y sin barra de direccion, esto sin perder la facilidad de introducir nuevos usuarios en el codigo, porque eso me gusto para mi nivel

gracias
Comentario usuario
04-10-2007 13:48:32
1 5
el codigo esta bien pero es muy inseguro ya que si el usuario escribe ña direccion web/y el nombre de la pagina que esta protegida como en este caso por ejemplo usuario1, entra sin restriccion alguna....
Comentario usuario
lamomia_bmx
2 5
holap gracias si me sirvio el script... saludos y suerte ap i gracias por el aporte.. :)
Comentario usuario
frcoo
5 5
como le puedo insertar un msj de contraseña incorrecta sin que me salga, aun escribiendo los caracteres correctos!!!
INSERTAR COMENTARIO

Usuario:
Email:
Comentario:
Codigo Seguridad


Antes de enviar un comentario...
Todos los comentarios son revisados personalmente
Todo comentario que no haga relacion al codigo mostrado en esta pagina sera eliminado

Usuarios registrados tienen preferencia en recibir respuestas de ayuda!!
Ademas de poder insertar Imagenes,Enlaces y otras propiedades del editor.
Por favor, insertar los comentarios descriptivos.