单击任何其他控件时如何清除文本答案

【问题标题】：How to clear the text when clicked on any other controls单击任何其他控件时如何清除文本
【发布时间】：2012-04-23 23:48:03
【问题描述】：

下面的 js 脚本工作正常，但有一个小问题，问题是：

我有一个多行文本框，当用户点击它时，它确实清除了文本框，但问题是；当用户单击保存按钮（asp.net 控制按钮）以保存文本框值时，我希望忽略后面的代码和客户端。

我可以做的一件事是比较值并清除它是否匹配，但如果;如果我有很多控件并且不想在代码中的每个位置传播字符串...

寻找优化的解决方案。

<asp:TextBox runat="server" ID="txtNew" 
onclick="if (this.value == 'Enter here...') this.value = ''" TextMode="MultiLine"
Rows="7" Width="100%">Enter here...</asp:TextBox>

【问题讨论】：

标签： javascript asp.net

【解决方案1】：

您似乎正在尝试在 textarea/textbox 上添加水印功能？

为什么不检查 html5 placeholder 属性？在此处查看此示例http://jsfiddle.net/k2PLG/1/

placeholder 属性不是发布或验证的值。此外，由于您使用的是 javascript，因此您可以确保包含一个 html5 javascript 文件，该文件使该属性在不支持它的旧浏览器中工作。

【讨论】：

大多数现代浏览器都可以，虽然 IE 不支持，但你可以使用一些 html5 javascript 代码，在不支持占位符时产生相同的效果。
好吧，当我点击你提供的 jsfiddle 链接时，我没有看到水印，所以你说 IE 不支持 html5，所以问题是该代码如何用于使用 html5 javascript 代码作为水印？
有各种 jQuery 插件，或其他 javascript 解决方案。如果你在网上搜索，会有很多。这是一个例子，虽然我从来没有用过这个hagenburger.net/BLOG/…

【解决方案2】：

您无需对Enter here... 进行硬编码，而是使用defaultValue。

<asp:TextBox runat="server" ID="txtNew" 
onclick="if (this.value == this.defaultValue) this.value = ''" TextMode="MultiLine"
Rows="7" Width="100%">Enter here...</asp:TextBox>

对于您问题的代码隐藏部分：

我建议使用RequiredFieldValidator（因为“在此处输入”表明这是强制性的）。然后您可以使用InititalValue 属性作为默认文本，因此用户必须输入一些内容才能提交页面。

【讨论】：

@AbuHamzah：实际上你不需要全部定义。它首先由分配给 TextBox 的文本隐含定义。
实际上不起作用，当我尝试单击保存按钮时，它确实接受了我的默认值
@AbuHamzah：那么您是否使用过RequiredFieldValidator 并将其InitialValue 设置为“在此处输入...”？
好的，所以我使用了RequiredFieldValidator，似乎可以工作，但客户端的问题仍然存在，我将如何解决默认值的问题？或者有什么好的水印插件可以用于客户端和服务器端
@AbuHamzah：Google for jQuery watermark 你会发现一些东西。你还有什么问题？您需要为硬编码的RequiredFieldValue 定义InitialValue 的事实？您可以使用 Resource file 并使用内联 aspx 来获取该值：... InitialValue="<%$ Resources:WebResources, EnterHereText %>" ...