Jquery focus not working on blur

Question

I use jquery to focus on the text field when blurring if validation fails. But it works in IE, but FF does not work. Any suggestions?

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

Answer 1

It looks like you need to use setTimeout according to this question . Since you immediately focus on the element, you need to consider some time when the element first goes out of focus.

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

An example of working on jsfiddle , tested on the chrome dev, firefox and IE8 channel.

Answer 2

val() will return a string, not a digit. Try converting and it should work:

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

This also applies to non-numeric values.

Answer 3

$(this).val().length will also give the length

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

Answer 4

// Page Visibility:

  document.addEventListener('visibilitychange', function () { if (document.hidden) { // stop running expensive task } else { // page has focus, begin running task } });