JavaScript/23.control_password_2_js.html at master · schtiell/JavaScript · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title></title>
</head>
<body>

	<h1>Control Password JavaScript</h1>

	<p><strong>Ejemplo: </strong></p>

	<p>Disponer dos campos de texto tipo password. Cuando se presione un botón mostrar si las dos claves ingresadas son iguales o no (es muy común solicitar al operador el ingreso de dos veces de su clave para validar si las escribió correctamente, esto se hace cuando se crea una password para el ingreso a un sitio o para el cambio de una existente).
	Tener en cuenta que podemos emplear el operador == para ver si dos string son iguales.</p>

	<script>

		function verificarPassword () {

			var pass1 = document.getElementById('pass_1').value;
			var pass2 = document.getElementById('pass_2').value;

			if (pass1 == pass2){
				alert('El password es correcto');
			}else{
				alert('El password no coincide');
			}
		}

	</script>

	<form action="">

		<label for="">Ingresar password: </label>
		<input type="password" id="pass_1">
		<br>
		<label for="">Confirmar Password: </label>
		<input type="password" id="pass_2">
		<br>
		<input type="button" value="Enviar" onclick="verificarPassword()">

	</form>

</body>
</html>