jquery focus no funciona en desenfoque

Question

Estoy usando jquery para mantener el foco en un cuadro de texto en desenfoque si la validación falla. Pero funciona en IE pero no funciona FF. ¿Alguna sugerencia?

$("#inputBoxId").blur(function() { 
    if ($(this).val() < 10) 
     $("#inputBoxId").focus(); 

}); 

Answer 1

Parece que es necesario utilizar setTimeout de acuerdo con esta question. Dado que le está dando atención a un elemento de inmediato, necesita contar algo de tiempo para que el elemento se desenfoque primero.

$("#inputBoxId").blur(function() { 
    if ($(this).val() < 10) { 
     setTimeout(function() { 
      $("#inputBoxId").focus(); 
     }, 100); 
    } 
}); 

Ejemplo de ello trabajando en jsfiddle, probado a cabo en el canal de cromo dev, Firefox y IE8.

Answer 2

val() devolverá la cadena, no el número. Intente convertir y debería funcionar:

var value = parseInt($(this).val(), 10); 
if (isNaN(value) || value < 10) 
     $("#inputBoxId").focus(); 

Esto también se ocupará de los valores no numéricos.

Answer 3

$(this).val().length también dará la longitud

$("#inputBoxId").blur(function() { 
    if($(this).val().length < 10){ 
      $(this).focus(); 
    } 
}); 

Answer 4

// Página visibilidad:.

document.addEventListener('visibilitychange', function() { 

     if (document.hidden) { 
      // stop running expensive task 

     } else { 
      // page has focus, begin running task 

     } 
    });