Issue in changing textbox background color by using javascript

Question

I want to pass the texttbox id to javascript function and change the color of the textbox if the value is null.

function fnOnUpdateValidatorsNewChangeChange(txtid) {
    var txt1 = document.getElementById(txtid);
    var Value = document.getElementById(txtid).value
    if (Value == "") {
        txt1.style.background = "#FFF000";
    }
}


<asp:TextBox runat="server" ID="txtlabelID" class="textbox" TextMode="SingleLine" 
onchange="fnOnUpdateValidatorsNewChangeChange('<%= txtlabelID.ClientID %>')"

But it's getting Null error.

Your code seems to be working fine just terminate the statement by semi colon. var Value = document.getElementById(txtid).value; — Sumit
– Sumit, Commented Apr 20, 2015 at 10:06

Anant Dabhi · Accepted Answer · 2015-04-20 10:15:30Z

1

you not need to pass ID of textbox and find textbox using the same id ..

You just pass this as a textbox in argument for E.g.

<asp:TextBox runat="server" ID="txtlabelID" class="textbox" TextMode="SingleLine" 
onchange="fnOnUpdateValidatorsNewChangeChange(this)"





 function fnOnUpdateValidatorsNewChangeChange(txtbox) {
    if (txtbox.value == "") {
        txtbox.style.background = "#FFF000";
    }
    else
        txtbox.style.background = "";
}

Is it more Simple ??

edited Apr 20, 2015 at 10:15

answered Apr 20, 2015 at 10:09

Anant Dabhi

11.2k3 gold badges33 silver badges51 bronze badges

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

Collectives™ on Stack Overflow

Issue in changing textbox background color by using javascript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related