how to change textbox backgroundcolor in javascript

Question

0.00/5 (No votes)

See more:

JavaScript

function mycheck1() {

          var txt1 = document.getElementById("<%=txt1.clientid%>");

          if (txt1.value == "") {

             // alert("It is Empty");

              txt1.style.background = "#FFF000";
          }

      }

C#

asp:TextBox runat='server' ID='txt1'></asp:TextBox>
       <asp:CustomValidator runat="server" ID='cv1' ControlToValidate='txt1' ClientValidationFunction='mycheck1'
           ValidateEmptyText='true'  ></asp:CustomValidator>
           <asp:Button runat='server' ID='btn1' Text='submit' />

Posted 23-Aug-12 0:40am

kumar2233

Updated 23-Aug-12 0:41am

Anuja Pawar Indore

v2

Add a Solution

Comments

Anuja Pawar Indore 23-Aug-12 6:42am

Added code block

3 solutions

Solution 1

Check this thread

How to set backgroundcolor of a textbox in an XHTML form![^]

Posted 23-Aug-12 0:42am

Santhosh Kumar Jayaraman

Solution 2

I don't think you need to look at client id. This itself should work:

var txt1 = document.getElementById('txt1');

Posted 23-Aug-12 0:43am

Manas Bhardwaj

Comments

Christian Graus 23-Aug-12 6:45am

No, you are completely wrong. In ASP.NET, the clientId property gives you the client side id, which can't be known for sure any other way

Manas Bhardwaj 23-Aug-12 6:50am

Well, not completely :).
You can control this in ASP.Net 4.0. Have a look here:
http://weblogs.asp.net/asptest/archive/2009/01/06/asp-net-4-0-clientid-overview.aspx

kumar2233 23-Aug-12 7:04am

code is working but i have minor mistake in this code txt1.style.backgroundcolor in replace of txt1.style.backgroundColor

Manas Bhardwaj 23-Aug-12 7:05am

yup. I noticed and thats why voted for Anuja's answer which looks correct.

kumar2233 23-Aug-12 7:08am

he has written same code That's why i vote

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)

Anuja Pawar Indore · Accepted Answer · 2012-08-23T00:45:00

Solution 3

XML

var v = document.getElementById("<%=TextBox1.ClientID%>");
            v.style.backgroundColor = "red";

Posted 23-Aug-12 0:45am

Anuja Pawar Indore

Comments

Manas Bhardwaj 23-Aug-12 6:55am

Correct +5!

Anuja Pawar Indore 23-Aug-12 7:03am

Thanks Manas