18 - Evento blur.


Simulador (Cuando presiona el botón "ejecutar el programa" se graban todos los cuadros de texto y se ejecuta el primero de la lista mostrando en una página el resultado)

Problema:

<!DOCTYPE html>
<html>

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

<body>
  <form action="#" method="post">
    <input type="text" name="text1" id="text1" size="20">
  </form>

  <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
  <script src="funciones.js"></script>
</body>

</html>
let x = $(document);
x.ready(inicializarEventos);

function inicializarEventos() {
  let x = $("#text1");
  x.blur(pierdeFoco);
}

function pierdeFoco() {
  let x = $(this);
  let cadena = x.val();
  if (cadena.length == 0)
    alert("No ingresó datos");
}

Confeccionar un formulario que contenga un text. Si al perder el foco su contenido es una cadena vacía mostrar mediante un alert tal situación.

Tener en cuenta que si queremos recuperar el string cargado en el control visual debemos llamar al metodo val():

function pierdeFoco() {
  let x = $(this);
  let cadena = x.val();
  if (cadena.length==0)
    alert("No ingresó datos");
}

Ver solución

pagina1.html





funciones.js



Retornar