How to change the label text in javascript function?

Question

i want to validate login page using java script function. i take one label button for displaying message and two text box for username and password and one button for "Login" .

when user click on "Login" button without enterning username and password then message will be display in label control. So how to check textbox value in javascript function and how to change the value in lblmessage. I call this function in Ok button . I set this function on Button OnClientClick event but this does not work.

Besides description please post some code. And fix the spelling mistakes too. — Starx
– Starx, Commented Nov 20, 2011 at 10:09

Andrew Brown · Accepted Answer · 2014-04-06 15:31:32Z

3

With javascript

A simple example

var lblElement = document.getElementById("yourlabelsid");

lblElement.innerHtml("Your new updated text in the label");

But try to use a javascript libray like jquery, it has a lot of benefits and ease. Generically on jquery, to change the markup of any element, we use

$("#theselector").html("the new markup inside the markup");

In case input elements, we use .val(); $("#mytextbox").val("the value in the textbox");

Based on your description, you want to change the text inside label so a simple example

For this label

<label id="lbl_name">Name:</label>

Use

$("#lbl_name").html("the updated html");

Anywhere you need on the script

edited Apr 6, 2014 at 15:31

Andrew Brown

4,1261 gold badge26 silver badges21 bronze badges

answered Nov 20, 2011 at 10:11

Starx

79.3k50 gold badges187 silver badges266 bronze badges

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

Comments

Samir Adel · Accepted Answer · 2011-11-20 10:23:29Z

1

It is better to use the asp.net required field validator control instead of making a special javascript function to handle this .. it is simple as setting the control to validate property of the required field validator to the id of the textbox

answered Nov 20, 2011 at 10:23

Samir Adel

2,5092 gold badges15 silver badges16 bronze badges

Comments

user2125523 · Accepted Answer · 2013-03-27 22:34:35Z

1

var msgLabel= document.getElementById('<%=lblMessage.ClientID %>');
msgLabel.innerHTML = "Your message here";

answered Mar 27, 2013 at 22:34

user2125523

1311 silver badge2 bronze badges

Comments

Glory Raj · Accepted Answer · 2011-11-20 10:16:44Z

0

<script language="javascript">

    function check() {
     var a = document.getElementById('<%=label.ClientID%>');
     var b = document.getElementById('<%=textbox.ClientID%>').Value;
     var c = document.getElementById('<%=textbxpassword.ClientID%>').Value;

        if (b  == "" &&  c == "") 
        {
             a.innerHTML = "your text here";
             alert(a.innerHTML);
        }
     }

</script>

answered Nov 20, 2011 at 10:16

Glory Raj

17.7k28 gold badges114 silver badges215 bronze badges

Collectives™ on Stack Overflow

How to change the label text in javascript function?

4 Answers 4

With javascript

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

With javascript

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related