Jquery water mark issue

Question

I have used a Jquery watermark to display text in the textboxes. The problem is that, when I fill the data in textboxes and without checking the terms and conditions checbox. The value in the textbox gets disappeared and the watermark text again comes. But when I click on the textbox again, the same value i can see. How is it happening. Please see my jquery code and HTMl for your reference:

<script src="../js/WaterMark.min.js" type="text/javascript"></script>
  <script type="text/javascript">
    $(function () {
        $("[id*=txtFirstName]").WaterMark();
    });
  </script>

HTML for the watermark:-

<tr>
 <td class="tdColName">Full Name<span style="color: #CF060D;">*</span></td>
 <td>
     <asp:TextBox ID="txtFirstName" runat="server" CssClass="txtFldName" ToolTip="Enter Your Full Name"></asp:TextBox>
 </td>
</tr>

i am using in asp.net, and I used tooltip. but to show u in jsfiddle I changed it into the html textbox. — Rahul Sutar, Oct 31 '14 at 12:23
See This: http://stackoverflow.com/questions/15020826/how-to-support-placeholder-attribute-in-ie8-and-9 — Amy, Oct 31 '14 at 12:32
can you give an example of this how to use it. As I have already tried using this.But I wasn't able to implement.Please Amy — Rahul Sutar, Oct 31 '14 at 12:34
Just import given JQuery library and follow the given steps in GitHub — Amy, Oct 31 '14 at 12:38
@Amy: I already opened that link in IE8, u just explain me the steps. Coz I am not getting the exact steps. Just create the JS fiddle for atelast one Input and let me know. — Rahul Sutar, Oct 31 '14 at 12:45
Ok will make it for you. It will take time, I will let you know when its done. — Amy, Oct 31 '14 at 12:46

score 0 · Answer 1 · answered Oct 31 '14 at 12:55

0

Try This:

<input type="text" value="Enter Your Name" onfocus="if (this.value == 'Enter Your Name') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Enter Your Name';}">

answered Oct 31 '14 at 12:55

Amy

4,034
1
20
34

for using it in asp.net, can I change input type to asp control ? And also, is there any js plugins associated with ? – Rahul Sutar Oct 31 '14 at 12:58
I dont have any idea about asp. – Amy Oct 31 '14 at 13:01
and what about plugins ? any plugins associated with it – Rahul Sutar Oct 31 '14 at 13:03
where is onBlur and onFocus function is written ? – Rahul Sutar Oct 31 '14 at 13:07
I don't able to get your exact requirement sorry – Amy Nov 01 '14 at 04:32

score 0 · Answer 2 · answered Oct 31 '14 at 13:16

0

Using the following jQuery plugin,You can create

http://digitalbush.com/files/jquery/watermarkinput/beta1/jquery.watermarkinput.js

HTML

<input type="text" id="txtFirstName"  />

JQuery

 $("#txtFirstName").Watermark("Enter Your Name");

FIDDLE DEMO

answered Oct 31 '14 at 13:16

Shijin TR

7,516
10
55
122

hii, can you also add a button and adding data and submit it and then again click on the textbox. there's some serious issue – Rahul Sutar Oct 31 '14 at 13:20
@RahulSutar Have you include jquery.js? – Shijin TR Oct 31 '14 at 14:05
Have you check the fiddle demo? is that not your requirement? – Shijin TR Oct 31 '14 at 18:13
yes I checked that as well, but still it is not working – Rahul Sutar Nov 01 '14 at 06:02

Jquery water mark issue

2 Answers2