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!!!
Saludos!!!
0
Puntos
Puntos
6755
Visitas
Visitas
2
Resp
Resp
Por terminator hace 103 meses
Principiante
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.
Ahora, el archivo password.js que contendrá la validación del lado del cliente.
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
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).
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).
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;
