Set focus on onChange event of textbox

Question

i want to set focus on textbox's itself on-change event if result is wrong. Suppose my textbox id is 'txtCaseCode'.

$('#txtCaseCode').change(function() {

     if(condition does not satsfy)
     {
        alert('Wrong ID');
        $('#txtCaseCode').focus();
     }

}

Bit it is not working. How will i achieve this?

Here is code after blur event attached:

 $('#txtCaseCode').change(function() {
     if(condition does not satsfy)
         {
            alert('Wrong ID');
            $('#txtCaseCode').blur(function(){
            $('#txtCaseCode').focus();//this is not working
            $('#txtCaseCode').val('Please click here.');//this is not working
             });
         }
     else
        {
           execute code;
        }
}

Answer 1

Change the event you're attaching to blur . This way, whenever the text-box loses focus, you can have the focus returned to it.

The change event occurs just before blur , and thus, calling focus() on a focused event does nothing.

Answer 2

try following:

 var $txt = $("#txtEmail").focus();

  $txt.blur(function(){   
    if(!validateEmpty(this)){
       $(this).focus();
    }    
 });

function validateEmpty(el){
    var flag = true,
         v = $(el).val();

    if(v == ""){
        alert("Can't Leave Blank");
        flag = false;
    }

   return flag;
}

working fiddle here: http://jsfiddle.net/4anAx/2/

I hope It Helps.