jQuery水印插件
我正在搜索一个好的jQuery水印插件,该插件与ASP.NET一起工作,找到并下载了它,并包含在标题部分jQuery水印插件,jquery,asp.net,textbox,watermark,Jquery,Asp.net,Textbox,Watermark,我正在搜索一个好的jQuery水印插件,该插件与ASP.NET一起工作,找到并下载了它,并包含在标题部分 <script src="js/jquery.watermark.min.js" type="text/javascript"></script> 我在同一页面上登录和注册,并将其引用为: <script type="text/javascript"> $(function () { $("#<%= (
<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>
$(函数(){
$(“#”)水印(“输入您的用户名”);
$(“#”)水印(“输入密码”);
$(“#”)水印(“输入您的用户名”);
$(“#”)水印(“输入密码”);
$(“#”)水印(“输入您的确认密码”);
$(“#”)水印(“输入您的电子邮件”);
});
现在的问题是,所有文本框的水印都显示得很好。如果我尝试登录,那么页面将执行回发
,然后文本框中的所有水印
将消失
因此,即使有回发,我需要做什么才能不删除所有这些元素。当刷新页面的一部分时,与被替换元素关联的事件绑定将被抛出。您需要重新初始化被替换元素的绑定。您需要在水印中重新运行执行此操作的函数。刷新部分页面时,将抛出与替换元素关联的事件绑定。您需要重新初始化被替换元素的绑定。您需要在水印中重新运行执行此操作的函数。您可以尝试这个简单的技巧
<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'}" />
或者你可以试试HTML5占位符
<input type="text" name="first_name" placeholder="Your first name...">
你可以试试这个简单的把戏
<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'}" />
或者你可以试试HTML5占位符
<input type="text" name="first_name" placeholder="Your first name...">
@Diodeus First感谢您的回复,您可以先给我看一些代码。请与脚本作者联系。@Diodeus First感谢您的回复,您可以先给我看一些代码。请与脚本作者联系。@Mujassir感谢您的回复。这确实是最简单、最有效的一个。@Mujassir感谢您的回复回答。这确实是最简单也是最有效的一个。