How do I refer to ASP.NET Controls in Javascript?

Question

I'm working on My First ASP.NET Application. I have created some text boxes and buttons, and added client-side validation to the text boxes. I now wish to set and clear the enabled property of the buttons according to the contents and validity of the text boxes.

I have studied the questions and answers here, here, here and here, and the best I have been able to manage is this...

<script language="javascript" type="text/javascript">
    function SetButtonSensitivity()
    {
        var label = document.getElementById("<%= lblResult3.ClientID %>");
        var button = document.getElementById("<%= btnDone.ClientID %>");

        if (Page_ClientValidate())
        {
            label.Text = "valid";
            button.disabled = false;
        }
        else
        {
            label.Text = "not valid";
            button.disabled = true;
        }

    }
</script>

I can tell this script is invoked when I tab away from the textbox fields, as the error messages are emitted by the client-validate, but the script has no effect on the button or the label.

Can anyone see what I have overlooked?

shrutyzet · Accepted Answer · 2011-07-26 13:26:27Z

3

You can't acces the Text property of a label from javascript. A label is rendered as a . You should try setting the innerHTML property:

label.innerHTML = "not valid";

Also use the javascript console to see what errors you have in your js code. (Ctrl+Shift+J in firefox)

answered Jul 26, 2011 at 13:26

shrutyzet

5293 silver badges11 bronze badges

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

Comments

Bala R · Accepted Answer · 2011-07-26 13:24:02Z

0

Try value attribute instead of Text

label.value = "valid";
button.disabled = false;

answered Jul 26, 2011 at 13:24

Bala R

109k23 gold badges203 silver badges212 bronze badges

Comments

Bala R · Accepted Answer · 2011-07-26 13:27:24Z

0

Well, since your Label is actually rendered as a <span> label.innerText = "valid"

edited Jul 26, 2011 at 13:27

Bala R

109k23 gold badges203 silver badges212 bronze badges

answered Jul 26, 2011 at 13:26

Svetlin Panayotov

6204 silver badges12 bronze badges

Comments

DaNe505 · Accepted Answer · 2011-07-26 13:31:28Z

0

You can use

label.innerHTML, label.innerText or label.value to get or set the text of the label.

"button.disabled = false/true" should work.

answered Jul 26, 2011 at 13:31

DaNe505

711 gold badge1 silver badge5 bronze badges

Collectives™ on Stack Overflow

How do I refer to ASP.NET Controls in Javascript?

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related