Set Focus on Textbox using Javascript

Question

4.40/5 (2 votes)

See more:

Can any one suggest me , How to Set Focus on Textbox using Javascript in Asp.net When i press TAB button .

C#

if(document.getElementById("Textbox1").value=="")
    {
        alert ( 'Invalid Date' );
        document.getElementById('Textbox1').value='__/__/____';
        document.getElementById('Textbox1').focus();
    }

The Above coding is the Javascript which i used in my Form . This coding is working Properly but if the textbox1 is NULL and if i press Tab button from Textbox1 means its Working(ie., POPUp Message is coming) but its NOT Focusing on the Textbox1 itself .

Thanks in Advance.

Regards,
SARAVANAN.M

Posted 5-Jun-11 19:58pm

SARAVANAKUMAR.M

Updated 5-Jun-11 20:31pm

Ramalinga Koushik

v3

Add a Solution

Comments

cuteband 6-Jun-11 2:01am

if(document.getElementById("Textbox1".value=="")
Because of this condition. Thats the reason its not done the focus

SARAVANAKUMAR.M 6-Jun-11 2:04am

Sorry , now the Question is Correct, it was my mistake while Typing the Question.

5 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Sergey Alexandrovich Kryukov · Answer 1 · 2011-06-05T20:04:00

Solution 1

First bug here is in the first line, must be:

JavaScript

var textBox = document.getElementById("Textbox1");
if (textBox)
   /*...*/

—SA

Posted 5-Jun-11 20:04pm

Sergey Alexandrovich Kryukov

Comments

SARAVANAKUMAR.M 6-Jun-11 2:10am

I tried that also but its not Focusing on that Textbox1 itself .

Sergey Alexandrovich Kryukov 20-Jun-12 11:07am

Could you run the script under debugger then?
--SA

Sarathkumar Nallathamby 11-Dec-12 2:55am

This Code is working well in IE only..While i am invoking the script from onblur, then the alert only coming . But focus is not coming ..
I am using FireFox version 13..

Abdul Quader Mamun · Answer 2 · 2011-06-05T20:28:00

XML

<form id="form1" runat="server">
    <div>
        <asp:TextBox ID="Textbox1" runat="server"></asp:TextBox>
    </div>
    <script language="javascript" type="text/javascript">
        if (document.getElementById("Textbox1").value == "") {
            alert("Invalid date");
            document.getElementById('Textbox1').value = '__/__/____';
            document.getElementById("Textbox1").focus();
        }
    </script>
    </form>

It is working properly for me.

Ramalinga Koushik · Answer 3 · 2011-06-05T20:33:00

Solution 3

use this code

<script language="javascript" type="text/javascript">
        if (document.getElementById("Textbox1").value == "") {
            alert("Invalid date");
            document.getElementById('Textbox1').value = '__/__/____';
            document.getElementById("Textbox1").focus();
        }

It is working fine for me.

Posted 5-Jun-11 20:33pm

Ramalinga Koushik

Updated 5-Jun-11 20:36pm

v4

Comments

SARAVANAKUMAR.M 6-Jun-11 2:56am

I tried this also but its not Focusing on that Textbox1 itself . i thnik it might be some problem ?

ardiardianto · Answer 4 · 2013-10-22T04:40:00

Solution 5

try to put : ClientIDMode="Static" on TextBox.

ASP.NET

<asp:textbox id="Textbox1" runat="server" clientidmode="Static" xmlns:asp="#unknown"></asp:textbox>

Good Luck :)

Posted 22-Oct-13 4:40am

ardiardianto

Jain Nishant · Answer 5 · 2013-11-28T00:00:00

Solution 6

U need to debug the javascript code for that. Thereafter, u'll know where's the problem.

Posted 28-Nov-13 0:00am

Jain Nishant

Set Focus on Textbox using Javascript

5 solutions

Solution 1

Solution 2

Solution 3

Solution 5

Solution 6

Add your solution here

Preview 0

Existing Members

...or Join us