no guardar user y password en explorador

Bigcrime · #1 (**permalink**) 13/05/2010, 09:45

Como hago para que ningun explorador guarde o recuerde el user y password cuando el usuario se loguea.

Saludos!

Nahuel2k10 · #2 (**permalink**) 13/05/2010, 11:32

Podrías utilizar un input tipo text, otro tipo password y un boton tipo button pero que no se encuentren dentro de un form. Y en el boton utilizas onClick y una funcion javascript que envie los valores de los 2 inputs primeros. A lo mejor te sirve. Suerte

zerokilled · #3 (**permalink**) 13/05/2010, 14:32

@Nahuel2k10,
honestamente que no comprendo tu solucion. mas aun, me interesaria entender el concepto que tienes.

@Bigcrime,
creo que debes aclararte un poco mas. por el momento solo conozco dos tecnicas donde el user y/o password se almacenan. una es mediante cookies y la otra mediante mecanismo de autocompletado del navegador. ninguna de las dos formas estan necesariamente ligado con javascript.

en el modelo de cookies, cada sitio web es quien maneja ese aspecto. es decir, en los sistemas de login el usuario puede escoger si almacenar la informacion (por supuesto, si se le provee del control) o el propio sistema lo maneja automaticamente. considera por ejemplo Foros Del Web y amazon. el login de FDW te permite escoger si almacenar la informacion de logeo y no necesariamente necesitas de javascript. [lo digo porque navego sin javascript activado.] en el caso de amazon, cuando inicias session, el sistema no provee la opcion de almacenar tus datos de acceso. por el contrario, sin permiso del usuario, lo hace automaticamente. la unica forma de evitar esta practica es inhabilitando los cookies del navegador.

en el modelo del autocompletado, no me refiero a las tecnicas que comunmente vemos en la web. las tecnicas de la web (como las que usa google y muchos sitios mas) se denominan auto-sugerencias y son bien distintos a los autocompletados. este ultimo es una caracteristica del navegador en que va almacenando en tu sistema todo lo que escribes en los controles de formulario (especialmente los inputs text y password). a traves de javascript no creo que hay forma de evitar guardar el contenido introducido. mas aun, por ahi he visto atributos HTML para instruirle al navegador que no debe utilizar el autocompletado en un campo particular. pero en adicion, segun no es una solucion estandarizada. en fin, para evitar el autocompletado tienes que ir directamente a las opciones del navegador e inhabilitarlo.

en resumen, la habilidad de guardar la informacion es una decision que debe tomar cada usuario de forma independiente de acuerdo a sus criterios y/o necesidades.

Nahuel2k10 · #4 (**permalink**) 14/05/2010, 10:48

@Zerokilled --> Lo siento, a lo mejor no me exprese bien. Me gustaría que probaras esto:

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin t&iacute;tulo</title>
</head>
<body>
Con form:
 
<form id="form1" name="form1" method="get" action="prueba.html">
  <label>
  <div align="center">Usuario: 
    <input type="text" name="name1" id="name1" />
  </div>
  </label>
  <p align="center">
    <label>Password:
    <input type="password" name="pass1" id="pass1" />
    </label>
  </p>
  <p align="center">
    <label>
    <input type="submit" name="button" id="button" value="Enviar" />
    </label>
  </p>
</form>
<p>Sin form:
  <label>
</p>
<div align="center">Usuario: 
    <input type="text" name="name2" id="name2" />
  </label>
  <p align="center">
    <label>Password:
    <input type="password" name="pass2" id="pass2" />
    </label>
  </p>
  <p align="center">
    <label>
    <input type="button" name="button" id="button2" value="Enviar" onClick="location.href='prueba.html';" />
    </label>
  </p>
</div>
</body>
</html>

Y me digas si en ambas, te dan la opción de guardar tu password. Porque a mí por lo menos en el mozilla 3.6.3, solo me da la opción de guardar password en el 2º caso. ;)

zerokilled · #5 (**permalink**) 14/05/2010, 11:08

¿te has dado cuenta del efecto que tiene el no utilizar el elemento FORM? quiero decir, ¿has intentado verificar si la informacion de los campos se envian cuando no tiene FORM?

Nahuel2k10 · #6 (**permalink**) 14/05/2010, 13:21

Claro que envía la información, imaginate que lo haces con AJAX jeje (aquí tengo una prueba con AJAX http://prueba1.pedromanitas.es/access.php). Pero no me has respondido si a ti te da la opción de guardar la contraseña sin form. Espero tu respuesta, así ayudamos Bigcrime. ;)

Edito: A ver si entre el concepto que tienes tú y el mío sacamos algo en claro.

zerokilled · #7 (**permalink**) 14/05/2010, 19:40

ohhh claro! me olvide de ese detalle... cuando no tiene FORM no guarda ningun dato, contrario a cuando FORM esta presente. por supuesto que si javascript esta disponible puedes enviar la informacion por XHR. la unica critica que tengo, como antes comente, deja de ser accesible. en teoria es una solucion incorrecta, pero en fin cada cual lo hace como guste.

Nahuel2k10 · #8 (**permalink**) 14/05/2010, 19:54

Te puedo dar mas soluciones como crear un funcion que borre los campos de texto al cargar o también dejar escrito algo por defecto que al hacer click desaparezca, aunque esto no quitaría que te de la opción de guardar contraseña pero por lo menos que no deje puestos los datos de login en los campos ;)

Bigcrime · #9 (**permalink**) 14/05/2010, 21:32

Muchas GraX por las respuestas,

@Zerokilled,

Si, me refiero a lo de autocompletado.
quiero que ningun navegador me utilize autocompletado,
quiero que al loguearse tengan que escribir y solo escribir.

En caso de que sea imposible para "TODOS" los exploradores,
pues quisiera almenos saber alguna manera de resolver mi segundo problema,
con lo de eliminar el autocompletado eliminaba todos los problemas,
pero la segunda causa por la cual queria eso, es porque tengo las validaciones
en eventos onblur y cuando el explorador guarda el usuario y le das clic al autocompletado, te pone el password automaticamente, pero como nunca entraste al campo de password, no se valida.

No se si me di a entender, quisiera que cuando se ponga automaticamente el password, de alguna manera yo pueda indicarle a javascript que el usuario entro y salio del campo password mediante el autocompletado(LOL no se como rayos se logre tal cosa), pero si alguien entendio pos alguna manera de lograr lo mismo, yo soy igual que Nahuel a mi no me importa el metodo :D con tal de que funcione sin problemas para mi es valido

.

Grax por las respuestas, Espero nuevas ^_^!

Nahuel2k10 · #10 (**permalink**) 15/05/2010, 08:19

Hola, bueno que te parece esta idea, utilziando el ejemplo anterior, comprobar que estan los campos vacíos al cargar, si no lo están hace un Submit del formulario.No sé si cumplirá los estándares, eso mejor que nos ayude Zerokilled. A lo mejor no es lo que pides, pero es lo que entiendo que pides.

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin t&iacute;tulo</title>
</head>
<script type="text/javascript">
function comprobar(){
    var user = document.getElementById('name1').value;
    var password = document.getElementById('pass1').value;
    if(user != '' && password != ''){
        submitUser();
    }
}
function submitUser()
{
  document.form.submit();
}
</script> 
 
<body onload="comprobar();">
 
Con form:
<form id="form" name="form" method="get" action="prueba.html">
  <label>
  <div align="center">Usuario:
    <input type="text" name="name1" id="name1" />
  </div>
  </label>
  <p align="center">
    <label>Password:
    <input type="password" name="pass1" id="pass1" />
    </label>
  </p>
  <p align="center">
   <label>
    <input type="submit" name="button" id="button" value="Enviar" />
    </label>
  </p>
</form>
</body>
</html>

Bigcrime · #11 (**permalink**) 15/05/2010, 08:38

Grax por responder Nahuel,

Pero el autocompletado no actua al cargar,
se activa en el momento que empiezas a escribir tu nombre de usuario, en ese momento empieza a darte sugerencias segun los nombres de usuarios que has escrito en otras ocasiones que el explorador ha guardado. Normalmente cuando es un login guardan el password tambien junto con el usuario, entonces al escribir la primera letra de ese username se abrira el autocompletado, si le das clic a el usuario en el autocompletado para evitar escribirlo tu mismo, entonces tambien te autocompleta el password, pero cuando le diste a autocompletar a tu nombre de usuario saliste del campo de usuario solamente, nunca entraste ni saliste del campo password, el password se coloco por el autocompletado y hay es donde viene el mi segundo problema, mi validacion se encuentra en el evento onblur, pero en este caso el usuario nunca salio del campo password, ya que nunca entro, quien puso el pass fue el navegador, entonces no se validara y si no se valida al darle a login no entrara.

Espero que me hayas entendido ^_^ y espero alguna sugerencia !

Grax! espero new comments

Nahuel2k10 · #12 (**permalink**) 15/05/2010, 08:49

Ah vale, yo es que lo probe con Firefox y le di a guardar contraseña y claro cada vez que abría el documento me redireccionaba automáticamente porque solo tenia un usuario guardado. La verdad, es que otra solución.. como no sea que cuando salga del campo usuario, compruebe si hay algo en password y lo envíe. Siento no poder darte una respuesta mejor.

_cronos · #13 (**permalink**) 15/05/2010, 09:00

¿Y algo así como una variable que sea 0 y que onkeydown la variable aumente en 1, y si la variable es menor que el length de la contraseña (osea que no se escribió sino que el navegador completó el input) devuelva false?

Saludos (:

Bigcrime · #14 (**permalink**) 15/05/2010, 11:23

Hola _cronos

,

Es que de por si ese es el problema, que no se envia, es decir, si el navegador autocompleta el password, la funcion validaroda que se encuentra en onblur no validara, y no se enviara el user ni el pass. Que yo sepa onkeydown nunca aumentara porq el usuario nunca toco el teclado para introducir el password, ni siquiera entro al campo que es peor aun, el problema es que estoy validando con onblur en lugar de con onclick o onsubmit, pero tengo razones por las cuales para lograr un efecto quisiera validarlo con onblur.

Ahora bien, nunca he usado onkeydown, y cuando ley acerca de ese evento, pues no se toco el tema de autocompletado. En caso de que este evento interprete el autocompletado como uso del teclado, entonces si la variable aumentaria y si seria la solucion ^_^! tendria que probar a ver si el autocompletado cuenta como evento onkeydown. De ser asi no lo sabia :P!

Grax por tu comment!

_cronos · #15 (**permalink**) 15/05/2010, 15:19

Vamos a ver, no sé si tú no me entiendes a mí, yo a ti, o ninguno de los dos xD
Yo lo que digo es que para que a ti te sirva el usuario tiene que escribir él la contraseña ¿no? Pues entonces para asegurarte de que la ha escrito pones en el input algo así como:

Código HTML:

Ver original<html>
 <head>
  <title>A</title>
 </head>
 <body>
  <form id='miform' method='post' action='' onsubmit='return comprobar()'>
   <input type='text' id='usuario' />
   <input type='password' id='contrasena' onkeydown='contar()'/>
   <input type='submit' value='Entrar' />
  </form>
 </body>
</html>

Código Javascript:

Ver original<script type='text/javascript'>
 var contador = 0;
 function contar(){
  contador++;
 }
 function comprobar(){ 
  if (contador<a)//(a es la contraseña o lo que sea, yo de bases de datos y lenguajes de servidor no sé mucho).length){
   return false;
   alert('Escribe la contraseña, por favor');
  }
 }
</script>

Entonces si el número de veces que has tecleado es inferior al length de la contraseña que hay ahí, no se envía.

Saludos (:

Bigcrime · #16 (**permalink**) 15/05/2010, 15:58

Holas!

bueno, mira lo que sucede, si lo hago de esa manera, cuando el autocompletado
complete el password sin que el usuario haya entrado al campo, lo cual supongo que de ser asi, la funcion en el evento onkeydown no se activara, cuando el usuario le de a enviar le saldra ¨Escribe la contraseña, por favor¨ pero el usuario se preguntara si mismo: "pero ya el password esta escrito ? porq me dice que la escriba si la contraseña ya esta ?", como el autocompletado la puso, yo lo que quiero es alguna manera de que con javascript yo pueda validar lo que el navegador autocompleto y entonces enviar el los datos.

Por eso era que al principio queria una menera de que no se autocomplete, para obligar al usuario a entrar al campo y poder validar siempre.

Pero esta bien, yo todavia he dejado esa parte, porq no he llegado a ella, tengo un problema hay que me tiene parado

, pero creo que tendre que validar el password en el onsubmit ademas de en el onblur por si autocompleta y el usuario envia el onsubmit le detenga y lo mande al pass nuevamente.

Nota: mi validacion de pass solo verifica que tenga el minimo de caracteres, y de tener menos indicarle antes de que se envie que hubo un error en ese pass.

Grax por los comments.

_cronos · #17 (**permalink**) 15/05/2010, 16:12

Con lo de 'Escribe la contraseña' me refería a que la escribiese, osea que no se la escriba el navegador. No me di cuenta de que era un poco ambiguo xD Puedes poner 'Escribe la contraseña, si la completa tu navegador no podrás entrar' o algo así
Saludos :D