Show message when start typing inside textbox using javascript

Question

I'm using ASP.NETand I want to show message behind a textbox when I start to write in it, I want to do that on the client side so I think javascript is the key.

Edit :

My code:

<tr>
                    <td>
                        <asp:Label ID="Label1" runat="server" Text="Alternate Email :"></asp:Label>
                    </td>
                    <td>
                        <asp:TextBox ID="_txtAlternateEmail" runat="server" onkeyup="typetext(this);"></asp:TextBox>
                    </td>
                </tr>
                <tr>
                    <td>
                        <asp:Label ID="Label2" runat="server" Text="Security Question :"></asp:Label>
                    </td>
                    <td>
                        <asp:TextBox ID="_txtSecurityQuestion" runat="server"></asp:TextBox>
                    </td>
                </tr>

and the javascript

<script type="text/javascript">
    function typetext(tb) {
        var mySpanElement = document.getElementById("_txtSecurityQuestion");
        mySpanElement.innerText = tb.value;
    }
</script>

Do you mean you want to show the text next to the textbox, as the user's typing it? — keyboardP
– keyboardP, Commented Jan 5, 2012 at 0:37

keyboardP · Accepted Answer · 2012-01-05 01:17:24Z

1

You could handle the onkeyup event in the textbox

<asp:TextBox ID="_txtAlternateEmail" runat="server" onkeyup="typetext(this);">
</asp:TextBox>

which calls the typetext method. In your typetext method, you can set the span (or whatever HTML element) to the text of the textbox.

function typetext(tb)
{
     var mytextbox = document.getElementById('<%=_txtSecurityQuestion.ClientID %>');
     mytextbox.value = tb.value;
}

edited Jan 5, 2012 at 1:17

answered Jan 5, 2012 at 0:42

keyboardP

69.5k13 gold badges162 silver badges209 bronze badges

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

3 Comments

Islam Over a year ago

I tried but nothing changed, meanwhile I'm using the asp.net textbox not the normal html input text type

keyboardP Over a year ago

Please post your code. The above works with asp.net textboxes as well.

keyboardP Over a year ago

I've updated my answer so that it writes to a textbox instead of a span. To get asp.net controls in Javascript, you need to use <%= %>. The above should now work.

Collectives™ on Stack Overflow

Show message when start typing inside textbox using javascript

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related