Set focus on textbox using javascript

Question

In a textbox user can enter date. In OnChange event I am trying to validate the date using javascript, if it is not a valid date showing an alert message and setting the focus on the textbox.

Here when I enter invalid date and press tab, the onchange events fires , in case of invalid date it does not set focus on the texbox, instead the focus is set on next textbox in the form.

<asp:TextBox ID="txtDateOfBirth" runat="server"
    onchange="validateDate(this)"></asp:TextBox>

function validateDate(sender) {
    if (!Date.parseInvariant(sender.value, "MM/dd/yyyy")) {
        alert("date is incorrect");
        sender.focus();
    }
}

What's likely happening is that the tab keypress event is being processed after the onchange event, so the focus is indeed set to the textbox, but it was already there, and then the keypress event occurs moving focus to the next textbox. — mellamokb
– mellamokb, Commented Mar 28, 2012 at 16:29

James Johnson · Accepted Answer · 2012-03-28 16:21:36Z

1

Try using onblur instead of onchange:

<script type="text/javascript">
    check = function (sender) {
        if (sender) {
            alert("check");             
            sender.focus();
        }
    }
</script>
<asp:TextBox ID="txtTest" runat="server" onblur="check(this);"></asp:TextBox>

In the above example, focus is returned to the input as expected.

answered Mar 28, 2012 at 16:21

James Johnson

46.1k8 gold badges75 silver badges111 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Prateek Over a year ago

Thanks James!!! meanwhile I found a workaround , set focus on some other control and then set focus on the current control. e.g $(input).focus(); sender.focus(); It worked for me.

Collectives™ on Stack Overflow

Set focus on textbox using javascript

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related