Protegiendo la página en JavaScript

04/Dic/2006 JavaScript 12 Comentarios

La verdad es que JavaScript no es el lenguaje que deberíamos de utilizar para proteger nuestras páginas web. Ya que es altamente vulnerable. Pero para, al menos, hacer que nuestras páginas no sean leídas por curiosos, puede sernos de gran ayuda. Y todo de una manera muy sencilla.

La idea es proteger mediante una contraseña nuestra página y que solo los propietarios de dicha contraseña sean capaces de acceder al contenido de la misma.

Lo primero que deberemos de hacer es crear una función JavaScript, la cual pondremos en la cabecera de nuestra página HTML, que nos solicite una password. A esta función la llamaremos "validarPassword". La línea de código será la siguiente:

  1. function validarPassword(){...}

En dicha función lo primero que tenemos que hacer es pedir una contraseña y almacenarla en una variable para su posterior análisis. Para pedir los datos nos apoyamos en la función prompt. Dicha función viene con el core del lenguaje. Y lo que nos ayudará será a mostrar una ventana con un input text y el texto que le pasemos como parámetro.

Quedandonos lo siguiente:

  1. texto = prompt("Para ver la página introduzca su contraseña");

Ahora que tenemos en la variable texto la contraseña que ha introduccido el usuario por pantalla habría que validarla. En el caso que la contraseña no coincida con lo que esperamos (en nuestro ejemplo esperamos que se haya tecleado "lineadecodigo"), deberemos de volver a pedirla la contraseña al usuario. Es por ello que nos apoyaremos en un bucle while.

  1. while(texto!="lineadecodigo"){
  2. alert("Password incorrecta");
  3. texto = prompt("Para ver la página introduzca su contraseña");
  4. }

En el medio hemos utilizado el alert para mostrarle un mensaje al usuario indicandole que la contraseña no es válida.

En el caso que el texto introducido y lo esperado coincidan, el programa se saldrá del bucle. Entonces le mostraremos al usuaro un mensaje indicandole que la contraseña es válida. Es decir, que nos apoyaremos nuevamente en la función alert.

El código entero de la función será el siguiente:

  1. <script>
  2. function validarPassword(){
  3. texto = prompt("Para ver la página introduzca su contraseña");
  4. while(texto!="lineadecodigo"){
  5. alert("Password incorrecta");
  6. texto = prompt("Para ver la página introduzca su contraseña");
  7. }
  8. alert("Password Correcta");
  9. }
  10. </script>

Hay que tener en cuenta que este código es lo primero que se tiene que ejecutar en la página. Es por ello que pondremos una llamada a la función justo despues del elemento <BODY> de nuestra página HTML.

El código será el siguiente:

  1. <SCRIPT>validarPassword();</SCRIPT>

Hay que indicar que para llamar a la función simplemente se invoca mediante su nombre.

Al ser lo primero que se ejecuta antes de cargar la página, si el usuario no sabe la contraseña, nunca se cargará el resto de la página. Es decir, lo que vaya debajo de estas líneas, nunca se verá.

La página HTML entera quedará de la siguiente forma:

  1. <title>Pagina con Password</title>
  2.  
  3. function validarPassword(){
  4. texto = prompt("Para ver la página introduzca su contraseña");
  5. while(texto!="lineadecodigo"){
  6. alert("Password incorrecta");
  7. texto = prompt("Para ver la página introduzca su contraseña");
  8. }
  9. alert("Password Correcta");
  10. }
  11. </script>
  12. </head>
  13.  
  14. <script>validarPassword();</script>
  15. Contenido secreto
  16. </body>
  17. </hmtl>

Para finalizar recordar que este código JavaScript no hace que nuestra página sea segura 100%. Solo nos sirve para poder parar a curiosos sin conocimiento técnicos. Pero menos es nada.

De hecho, podéis probar a ver que pasa si ejecutáis la página con el JavaScript del navegador desactivado... ¿Dónde está nuestra seguridad?

Si se quiere tener un control sobre la seguridad del contenido deberemos de delegar dicha seguridad al servidor. Consecuentemente deberemos de saber como se implementa mediante los diferentes lenguajes de servidor: ASP, JSP, Java Servlets,...

Vídeos sobre Javascript


Difunde el Conocimiento

Si te ha gustado el artículo o te ha sido de utilidad, no dejes de compartirlo con tus amigos en las redes sociales... Te estaremos muy agradecidos. :-D

12 comentarios en “Protegiendo la página en JavaScript”

Víctor Cuervo

diana

Necesito que la contraseña se vea con asteriscos please

Víctor Cuervo

Damaris

Hola!!
Tengo un problema!!

Me olvide mi contraseña, como hago para volver a entrar a mi e-mail???

Víctor Cuervo

carlos

necesito que no se vean los digitos, necesito que se vean asteriscos
necesito ayuda urgente (Es para un proyecto de la Universidad) por favor.

Víctor Cuervo

diego

funcion para que salga en el campo puro * por favor urgente gracias

Víctor Cuervo

marco amado

como podria hacer para que no se vea la contraseña osea el texto y en lugar de eso se vean ****

gracias

Víctor Cuervo

Salvador

hola, quisisera saber como agregar mas de una contraseña, es decir, generar una para cada usuario

Víctor Cuervo

Golon

mucas gracias lo que necesitaba

Víctor Cuervo

DAIhenka

como puedo hacer para que la linea donde pongo la contraseña se vea con asteriscos [********] y no se vean las letras?
Gracias!

Víctor Cuervo

TooR

Las funciones prompt()(javascript) e inputbox()(vbscript) no tienen la propiedad de los asteriscos para password(*****).

Víctor Cuervo

Miquel

Muchisimas gracias era la solucion
que estaba buscando.
¡salud!

Víctor Cuervo

rodrigo

hola quiero q se vea la contrasena asi ******* Gracias

Víctor Cuervo

JOSE

HOLA
CUANDO ESCRIVO LA CONTRASENA SE VE LA CONTRASENA Y QUIERO Q SE VEA ****** Ó ……..
EN SCRIPT
PORFA

¿Algo que nos quieras comentar?

Déjanos tu comentario, no te preocupes que tu email no será publicado

*

*