23.control_password_2_js.html

<!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>