功能: ValidatorCallout控件是一个用来绑定验证控件的提示控件,让验证的信息的显示可以更加地直观。 属性: TargetControlID:要绑定的验证控件的ID。 Width:弹出的提示信息的宽度。 HighlightCssClass:弹出的提示信息所应用的样式。 WarningIconImageUrl:弹出信息中的警示图片的地址。 代码实例: < html xmlns ="http://www.w3.org/1999/xhtml" > < head runat ="server" > < title > ValidatorCallout </ title > < style type ="text/css" > .cssValidatorCalloutHighlight {}{ background-color: #F5FF77; } </ style > </ head > < body > < form id ="form1" runat ="server" > < ajaxToolkit:ToolkitScriptManager ID ="ToolkitScriptManager1" runat ="server" > </ ajaxToolkit:ToolkitScriptManager > 用户名: < asp:TextBox ID ="TextBoxUserName" runat ="server" TextMode ="Password" Width ="148px" ></ asp:TextBox > < asp:RequiredFieldValidator ID ="RequiredFieldValidator1" runat ="server" ControlToValidate ="TextBoxUserName" Display ="None" ErrorMessage ="姓名不能为空<br>请输入姓名" ></ asp:RequiredFieldValidator >< br /> 密 码: < asp:TextBox ID ="TextBoxPassword" runat ="server" TextMode ="Password" Width ="148px" ></ asp:TextBox > < asp:RequiredFieldValidator ID ="RequiredFieldValidator2" runat ="server" ControlToValidate ="TextBoxPassword" Display ="None" ErrorMessage ="密码不能为空,请输入密码" ></ asp:RequiredFieldValidator > < ajaxToolkit:ValidatorCalloutExtender ID ="ValidatorCalloutExtender1" runat ="server" TargetControlID ="RequiredFieldValidator1" HighlightCssClass ="cssValidatorCalloutHighlight" > </ ajaxToolkit:ValidatorCalloutExtender > < ajaxToolkit:ValidatorCalloutExtender ID ="ValidatorCalloutExtender2" runat ="server" TargetControlID ="RequiredFieldValidator2" > </ ajaxToolkit:ValidatorCalloutExtender > </ form > </ body > </ html > 运行结果: