通过验证控件使用 TextBoxWatermark (VB)

AJAX 控件工具包中的 TextBoxWatermark 控件扩展了文本框，以便在框中显示文本。当用户在框中单击时，它会被清空。如果用户离开该框而不输入文本，则会重新出现预填充文本。这可能会与同一页面上的 ASP.NET 验证控件发生冲突，但可能会解决这些问题。

概述

AJAX 控件工具包中的 TextBoxWatermark 控件扩展了文本框，以便在框中显示文本。当用户在框中单击时，它会被清空。如果用户离开该框而不输入文本，则会重新出现预填充文本。这可能会与同一页面上的 ASP.NET 验证控件发生冲突，但可能会解决这些问题。

步骤

示例的基本设置如下所示：使用 TextBoxWatermarkExtender 控件打水印 TextBox 控件。按钮触发回发，稍后用于触发页面上的验证控件。此外，还需要 ScriptManager 控件才能初始化 ASP.NET AJAX：

<form id="form1" runat="server">
 <asp:ScriptManager ID="asm" runat="server" />
 <div>
 <asp:TextBox ID="Name" runat="server" /> <br />
 <asp:Button ID="btn" runat="server" Text="Submit" OnClick="btn_Click" /><br />
 <asp:Label ID="lbl" runat="server" />
 </div>
 <ajaxToolkit:TextBoxWatermarkExtender ID="tbwe" runat="server"
 TargetControlID="Name" WatermarkText=" Your Name " />
</form>

现在，添加一个 RequiredFieldValidator 控件，该控件在提交窗体时检查字段中是否有文本。验证程序的 InitialValue 属性必须设置为 TextBoxWatermarkExtender 控件中使用的相同值：提交窗体时，未更改文本框的值是其中的水印值：

<asp:RequiredFieldValidator ID="rfv1" ControlToValidate="Name"
 Text="*" InitialValue=" Your Name " Display="Dynamic" runat="server" />

但这种方法存在一个问题：如果客户端禁用 JavaScript，则不会使用水印文本预填充文本字段，因此 RequiredFieldValidator 不会触发错误消息。因此，第二个 RequiredFieldValidator 控件需要检查是否有空的文本框（省略 InitialValue 特性）。

<asp:RequiredFieldValidator ID="rfv2" ControlToValidate="Name"
 Text="*" Display="Dynamic" runat="server" />

由于这两个验证程序使用 Display="Dynamic"，因此最终用户无法区分这两个验证程序中触发的可视化外观;相反，它看起来只是其中的一个。

最后，如果没有验证程序发出错误消息，则添加一些服务器端代码以输出字段中的文本：

<script runat="server">
 Protected Sub btn_Click(ByVal sender As Object, ByVal e As System.EventArgs)
 lbl.Text = HttpUtility.HtmlEncode(Name.Text)
 End Sub
</script>

验证器投诉原因该字段中没有任何文本（单击查看完全大小的图像）