hiI use below code to show watermark in textbox ltscript type34textjavascript34gt function WaterMarktxt evt msg if txtvaluelength 0 ampamp evttype 34blur34 txtstylecolor 34b1b1b134 txtvalue msg if txtvalue msg ampamp evttype 34focus34 txtstylecolor 34black34 txtvalue

Hi nedash Refer the below sample codelthtml xmlns34httpwwww3org1999xhtml34gtlthead runat34server34gt lttitlegtlttitlegt ltscript type34textjavascript34 src34httpajaxgoogleapiscomajaxlibsjquery183jqueryminjs34gtltscriptgt ltscript type34textjavascript34gt windowonload function SetColorOnPageLoad var defalutNameText 34enter your name34 var defalutTellText 34enter your tell34 functionSetColordocumentgetElementById34TextBox134 defalutNameText functionSetColordocumentgetElementById34TextBox234 defalutTellText function functionSetColorTextbox WaterMark if Textboxvaluelength gt 0 ampamp Textboxvalue WaterMark Textboxstylecolor 34b1b1b134 else Textboxstylecolor 34black34

Display default Text Label (Watermark text) for multiple TextBox using JavaScript in ASP.Net

nedash

SOLVED CLOSED ACTIVE ANSWERED
User: nedash
Posted: on Apr 06, 2017 10:49 AM
Forum: JavaScript
Answer: 1
Views: 4782

I use below code to show watermark in textbox

   <script type="text/javascript">
            function WaterMark(txt, evt, msg) {
                if (txt.value.length == 0 && evt.type == "blur") {
                    txt.style.color = "#b1b1b1";
                    txt.value = msg;
                }
 
                if (txt.value == msg && evt.type == "focus") {
                    txt.style.color = "black";
                    txt.value = "";
                }
            }
        </script>
 <asp:TextBox ID="TextBox1" runat="server" CssClass="txtSef" Text="enter your name" onkeydown = "return isNumeric(event.keyCode);" onpaste = "return false;"
       ForeColor="#b1b1b1" onblur="WaterMark(this, event,'enter your name');" onfocus="WaterMark(this, event,'enter your name');"></asp:TextBox>

here I define button that when click on button it will bind gridview according text that users type into textbox

now problem is as you see watermark color here is #b1b1b1 when I type text into textbox color change to black untill now every things is ok but when I click button to bind gridview it change textbox text's color to #b1b1b1 I want it be black I want just watermark color be #b1b1b1 but here when click button it change textbox text's color to b1b1b1

best regards

neda

Download FREE API for Word, Excel and PDF in ASP.Net

kalpesh

0 3

Reply
User: kalpesh
Replied: on Apr 07, 2017 04:56 AM
Report

You can do it by two ways refer any one of below and implement it by your own logic. 1) Remove the text property and ForColor Property from Textbox also add PlaceHolder with default text enter your name

<asp:TextBox ID="TextBox1" runat="server" CssClass="txtSef" PlaceHolder="enter your name"
    onkeydown="return isNumeric(event.keyCode);" onpaste="return false;" onblur="WaterMark(this, event,'enter your name');"
    onfocus="WaterMark(this, event,'enter your name');"></asp:TextBox>

2) You can check the text and set the color on load of page using JavaScript too.

<script type="text/javascript">
    window.onload = function SetColorOnPageLoad() {
        var defalutText = "enter your name";
        var Textbox1 = document.getElementById("TextBox1");
        if (Textbox1.value.length > 0 && Textbox1.value == defalutText) {
            Textbox1.style.color = "#b1b1b1";

        } else {
            Textbox1.style.color = "black";
        }
    }
    function WaterMark(txt, evt, msg) {
        if (txt.value.length == 0 && evt.type == "blur") {
            txt.style.color = "#b1b1b1";
            txt.value = msg;
        }
        if (txt.value == msg && evt.type == "focus") {
            txt.style.color = "black";
            txt.value = "";
        }
    }
</script>

I agree, here is the link: https://www.e-iceblue.com/Introduce/spire-office-for-net-free.html

Display default Text Label (Watermark text) for multiple TextBox using JavaScript in ASP.Net

Company

Explore

Follow us

Contact Us