How to apply textbox background color using javascript?

Question

0.00/5 (No votes)

See more:

I have textbox in repeater.

so in some condition i want to changes textbox background color.

and my function is below:-
I m pass the textbox id in txtvalue argument from aspx.cs using javascript so how can i change txtbox background color.

C#

function QtyPriUMChanged(PlusCtrl, MinusCtrl, txtValue, PlusVal, MinusVal) {

            if(MinusVal <= txtValue.val() && txtValue.val() <= PlusVal)
            {

              txtValue.style.background = "Red";
            }
            else
            {
                alert("InCorrect");
            }
        }

Posted 10-Jun-14 21:02pm

Member 10453691

Add a Solution

Comments

Mohibur Rashid 11-Jun-14 3:32am

If you are passing id in txtValue variable then first thing you need to do is get the object first. you are creating TypeError.
try either of the process to get input object:
document.getElementById(txtValue);
document.querySelector(txtValue);
document.querySelector("INPUT[ID="+txtValue+"]");
there is more.

Member 10453691 11-Jun-14 4:42am

what is the output of these line document.querySelector("INPUT[ID="+txtValue+"]");?

Mitesh Gadhiya 11-Jun-14 3:47am

Code is correct..i think there is a problem in passing Values

Member 10453691 11-Jun-14 4:42am

No problem in passing value.

Mitesh Gadhiya 11-Jun-14 4:49am

Are you passing textbox object in parameter txtVal ??

Member 10453691 11-Jun-14 4:53am

I am passing textbox id value into parameter

Mitesh Gadhiya 11-Jun-14 4:58am

If you are passing Id then may be you need to get object of this Id.

Member 10453691 11-Jun-14 5:04am

how can i get object can u please give me one example.

Mitesh Gadhiya 11-Jun-14 5:06am

I added solution for the same check and review

Sampath Lokuge 11-Jun-14 4:18am

Debug it with dev tools and check whether is there any value for the 'txtValue'.It should be a object.Check that.

Member 10453691 11-Jun-14 4:43am

I dont have dev tools but i can check using firebug

Sampath Lokuge 11-Jun-14 4:45am

Yes,Fire bug is also a dev tool.Check it and tell us. :)

Member 10453691 11-Jun-14 4:46am

everthing is going to perfact i cant find whats going wrong.

Member 10453691 11-Jun-14 4:47am

U have to note that i am taking textbox inside repeater into repeater(repeater nested).

2 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)

Mitesh Gadhiya · Answer 1 · 2014-06-10T22:58:00

JavaScript

function QtyPriUMChanged(PlusCtrl, MinusCtrl, txtValue, PlusVal, MinusVal) {
 
            if(MinusVal <= document.getElementById(txtValue).value &&      document.getElementById(txtValue).value <= PlusVal)
            {
 
              document.getElementById(txtValue).style.background = "Red";
            }
            else
            {
                alert("InCorrect");
            }
        }

Try this, hope this will work..

Enjoy..:)

**Nirav Prabtani** · Answer 2 · 2014-06-10T23:20:00

try this.. :)

JavaScript

function QtyPriUMChanged(PlusCtrl, MinusCtrl, txtValue, PlusVal, MinusVal) {
 
            if(MinusVal <= txtValue.val() && txtValue.val() <= PlusVal)
            {
               var Repeater1 = document.getElementById ('<%=RepeaterID.ClientID %>'); 
               var textValue= Repeater1.getElementById ('txtValue');

                textValue.style.backgroundColor = "Red";
            }
            else
            {
                alert("InCorrect");
            }
        }

How to apply textbox background color using javascript?

2 solutions

Solution 2

Solution 3

Add your solution here

Preview 0