OnFocus y OnBlur en JavaScript
OnFocus: se activa cuando se posiciona en el campo.
OnBlur: se activa cuando deja de posicionar en el campo.
Ejemplo:
Implementar un formulario que solicite la carga del nombre y la edad de una persona. Cuando el control tome foco borrar el contenido actual, al abandonar el mismo, mostrar un mensaje de alerta si el mismo está vacío.
<html>
<head></head>
<body>
<script language="JavaScript">
function vaciar(control)
{
control.value='';
}
function verificarEntrada(control)
{
if (control.value=='')
alert('Debe ingresar datos');
}
</script>
<form name="form1">
Ingrese su nombre:
<input type="text" name="nombre" onFocus="vaciar(this)"
onBlur="verificarEntrada(this)"><br>
Ingrese su edad:
<input type="text" name="edad" onFocus="vaciar(this)"
onBlur="verificarEntrada(this)"><br>
<input type="button" value="Confirmar">
</form>
</body>
</html>
Ejercicio No.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.
Respuesta:
<head></head>
<body>
<script language="JavaScript">
function Revisar(cantidad)
{
if(cantidad.value.length<7 || cantidad.value.length>20)
{
alert('La clave de ser menor que 7 y menor que 20');
cantidad.value="";
}
}
</script>
<form name="form1">
Nombre:<br>
<input type="text" name="nombre"><br>
Clave:<br>
<input type="password" name="clave" onblur="Revisar(this)"><br>
<input type="button" value="Ingresar">
</form>
</body>
</html>
