Eventos onFocus y onBlur

PROBLEMA

  1. Solicitar que se ingrese el nombre y la clave de un usuario. Mostrar una ventana de alerta si en la clave se ingresan menos de 7 caracteres o más de 20 (capturar el evento onBlur)
Solución
Problema 1.


<!DOCTYPE html>
<html>

<head>
    <title>Ejemplo de JavaScript</title>
    <meta charset="UTF-8">
</head>

<body>

    <form>
        Ingrese nombre de usuario:
        <input type="text" id="usuario"><br> Ingrese clave:
        <input type="password" id="clave" onBlur="verificar(this)"><br>
        <input type="button" value="confirmar">
    </form>

    <script>
        function verificar(control) {
            if (control.value.length < 7 || control.value.length > 20) {
                alert('cantidad de caracteres no valido en la clave(deben ser entre 7-20 caracteres)');
            }
        }
    </script>

</body>

</html>


Retornar al menu