2012-01-18 19 views
0

我在寻找一个良好的jQuery插件水印与ASP.NET上班,发现here和下载,并包含在头部的jQuery插件水印消失

<script src="js/jquery.watermark.min.js" type="text/javascript"></script> 

我已经登录并同一个页面上注册并引用它们为:

<script type="text/javascript"> 
     $(function() { 
      $("#<%= (Login1.FindControl("UserName")).ClientID %>").watermark("Enter your Username"); 
      $("#<%= (Login1.FindControl("Password")).ClientID %>").watermark("Enter your Password"); 
      $("#<%= (CreateUserWizard1.CreateUserStep.ContentTemplateContainer.FindControl("UserName")).ClientID %>").watermark("Enter your Username"); 
      $("#<%= (CreateUserWizard1.CreateUserStep.ContentTemplateContainer.FindControl("Password")).ClientID %>").watermark("Enter your Password"); 
      $("#<%= (CreateUserWizard1.CreateUserStep.ContentTemplateContainer.FindControl("ConfirmPassword")).ClientID %>").watermark("Enter your ConfirmPassword"); 
      $("#<%= (CreateUserWizard1.CreateUserStep.ContentTemplateContainer.FindControl("Email")).ClientID %>").watermark("Enter your Email"); 
     }); 
    </script> 

现在的问题是水印显示效果非常出色所有textboxes.If我尝试登录后,页面会从那么所有的watermarkdisappears

那么,即使存在回传,为了不删除所有这些文件,我需要做些什么。

回答

3

你可以试试这个简单的一招

<input type="text" value="Enter keyword here" 
onfocus="if(this.value=='Enter keyword here'){this.value=''}" 
onblur="if(this.value==''){this.value='Enter keyword here'}" /> 

或者你可以尝试HTML 5占位

<input type="text" name="first_name" placeholder="Your first name..."> 
+0

@ Mujassir-感谢您的回复。这真的是最简单最有效的一个。 – coder 2012-01-18 15:12:25

+0

感谢您的赞赏 – 2012-01-18 15:13:38

+0

@ Mujassir-欢迎您。 – coder 2012-01-18 15:15:47

1

刷新页面的一部分时,与替换元素关联的事件绑定被抛出。您需要重新初始化绑定到替换的元素。您需要重新运行水印内部的功能。

+0

@ Diodeus,首先感谢您的回复,你能告诉我一些代码开始。 – coder 2012-01-18 15:00:44

+0

请与脚本的作者联系。 – 2012-01-18 15:11:16