Bienvenido a datoweb.com!! En este foro podrás encontrar ayuda sobre diseño y desarrollo web en general. Si quieres formar parte de esta comunidad para pedir ayuda o colaborar ayudando a otros usuarios del foro solo tienes que registrarte desde el siguiente enlace: Registrarse en el Foro

Crear una contraseña de mas de 8 caracteres

Quiero saber como puedo pedir al usuario que use una contraseña con un mínimo de caracteres a la hora de registrarse en mi web, a ser posible me gustaría hacerlo en jquery o javascript..

Saludos!!!
0
Puntos
2
Resp
984
Visitas
Por terminator hace 28 meses
Principiante offline

Respuesta #1

Hola, bueno para eso debes hacer dos validaciones. Una del lado del servidor para que NO se cree un nuevo usuario si la contraseña tiene menos de 8 caracteres. Y la otra validación sería del lado del cliente mediante Javascript para decirle al Usuario: "Epa, coloca 8 o más caracteres porque sino no vas a lograr nada".

Empecemos del lado del servidor. Para ello crearé un formulario sencillo en un archivo index.html.
<html>
   <head>
      <title> Contraseñas condicionales </title>
   </head>
   <body>
      <form name="crear-usuario" action="php/crear.php" method="POST">
         <label for="user">Usuario</label>
         <input type="text" name="username" id="user" required />
         <br>
         <label for="pass">Password</label>
         <input type="password" name="password" id="pass" required />
         <br>
         <input type="button" value="Crear Usuario" onclick="verificarPassword()">
      </form>

      <!-- Javscript -->
      <script src="js/password.js"></script>
   </body>
</html>

Ahora, el archivo password.js que contendrá la validación del lado del cliente.
<script>
     function verificarPassword() {
          var inputName = document.querySelector("#name").value;
          if (inputName.length >= 8) {
               console.log("Muy bien"); // Puedes colocar un alert() o nada.
	  }
	  else {
	       alert("Debes escribir mas de 8 caracteres");
	  }
     }
</script>

Ahora, vendría la validación importante, del lado del servidor. La validación del lado del cliente no evita nada, puede burlarse fácilmente desvinculando el archivo password.js usando el Inspector de Elementos, solo la usamos para mayor experiencia de usuario, diciéndoles la manera correcta como deben interactuar con el sistema. Lo importante está del lado del servidor. Para ello usaré un archivo llamado crear.php
<php

/**
* Definimos los parametros enviados por el usuario y
* establecemos un minimo de caracteres
* ______________________________________________
**/
$nombre = $_POST["name"];
$password = $_POST["password"];
$minimo = 8; // Minimo de caracteres

/**
* Validamos que $password cumpla con el $minimo
* ______________________________________________
**/
if (strlen($password) >= $minimo) {

      // ...

}

?>

La función strlen() de PHP hace lo mismo que el método length de Javascript. Medir la cantidad de caracteres de una cadena de texto (string).
1
Puntos
Por Jose hace 28 meses
Experto offline Sitio web

Respuesta #2

Me equivoqué en el javascript. Lo correcto es que en el querySelector() vaya el ID del input Password, y la variable sea inputPassword, es que probando probé fue con name y al copiar y pegar no arreglé. Sería así:
var inputPassword = document.querySelector("#pass").value;

0
Puntos
Por Jose hace 28 meses
Experto offline Sitio web

Relaccionados

Para comentar Inicia sesión o Registrate