Question

我使用了Jquery水印来显示文本框中的文本。问题是，当我在文本框中填充数据而不检查checbox的条款和条件时。文本框中的值消失，水印文本再次出现。但是，当我再次点击文本框时，我可以看到相同的值。怎么回事。请参阅我的jquery代码和HTMl供您参考：

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

水印的HTML： -

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

Answer 1

试试这个：

＆＃13;

<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';}">

＆＃13;

Answer 2

使用以下jQuery插件，您可以创建

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

<强> HTML

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

<强> JQuery的

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

FIDDLE DEMO

Jquery水印问题

2 个答案: