How to set the watermark text to the textbox from javascript

Question

3.00/5 (2 votes)

See more:

if(!checkDate(document.getElementById("txtUPCDate").value) )
         {
        alert ( "Invalid Date" );
        document.getElementById("txtUPCDate").value="";
         setTimeout(function(){document.getElementById('txtUPCDate').focus()}, 5);
        return false;
        }

The Above coding is the Javascript for "Textbox1" which i used in my Form . This coding is working Properly but if i make the textbox as null after retriving a date from DATABASE . But i want to make the textbox text as "DD/MM/YYYY" , for that textbox im using the AJAX CONTROL .

<asp:TextBox ID="txtUPCDate" runat="server" Text="DD/MM/YYYY" TabIndex="16" MaxLength="10" onchange="return UPCDateCheck();"></asp:TextBox>
     <ajaxToolkit:TextBoxWatermarkExtender ID=" TextBoxWatermarkExtender6" TargetControlID="txtUPCDate"
 WatermarkText="DD/MM/YYYY" runat="server">                                       </ajaxToolkit:TextBoxWatermarkExtender>                                      <ajaxToolkit:MaskedEditExtender ID="MaskedEditExtender7" runat="server"                                              CultureName="en-GB" InputDirection="LeftToRight" Mask="99/99/9999"                                               MaskType="Date" TargetControlID="txtUPCDate">                                           </ajaxToolkit:MaskedEditExtender>

Can any one suggest me , How to Set Watermark text to Textbox if the textbox is null after retriving some data from DATABASE to that textbox

[edit]SHOUTING removed - OriginalGriff[/edit]

Posted 27-Jun-11 22:26pm

SARAVANAKUMAR.M

Updated 27-Jun-11 22:31pm

OriginalGriff

v2

Add a Solution

Comments

OriginalGriff 28-Jun-11 4:31am

DON'T SHOUT. Using all capitals is considered shouting on the internet, and rude (using all lower case is considered childish). Use proper capitalisation if you want to be taken seriously.

1 solution

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)

Prerak Patel · Answer 1 · 2011-06-27T22:50:00

Solution 1

Try removing this line
setTimeout(function(){document.getElementById('txtUPCDate').focus()}, 5);
If you are focusing the textbox, then obviously watermark will not be shown.

Posted 27-Jun-11 22:50pm

Prerak Patel

Comments

SARAVANAKUMAR.M 28-Jun-11 5:06am

ok Prerak , instead of that line, if i use
document.getElementById('txtUPCDate').focus();
means then focus is not focusing on txtUPCDate textbox in mozilla firefox .

Prerak Patel 28-Jun-11 5:08am

I am just saying that if you want to focus the textbox, watermark will not be shown. Watermark is visible only if textbox is not focused.

SARAVANAKUMAR.M 28-Jun-11 5:21am

ya , even i want to make watermark visible to the textbox after the textchange of that textbox

Prerak Patel 28-Jun-11 7:11am

Are you sure you want watermark?! I mean, showing watermark even after text change! What does it serve?

SARAVANAKUMAR.M 28-Jun-11 7:55am

ya , but if that textbox is null then textbox text should be watermark text , that is what i want to say .

Prerak Patel 29-Jun-11 1:36am

1. If textbox is null, there is no way to set watermark.
2. If textbox's text is blank and textbox is not focused, the watermark should be displayed.
3. If textbox's text is blank or not but textbox is focused, the watermark will not be displayed.
4. If textbox's text is not blank, then textbox is focused or not, the watermark will not be displayed.

That's the simplest explanation I can provide.

SARAVANAKUMAR.M 29-Jun-11 2:02am

ok Thanks Prerak , i agree what u said , but How to Make the textbox text as a blank through javascript ? I tried by using following code to make the textbox as a blank but its not making blank at all .

document.getElementById("txtUPCDate").value = "";
document.getElementById("txtUPCDate").value = null;