Ajax控件之ValidatorCalloutExtender

效果图片:

显示页面Html代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<title>Untitled Page</title>

</head>

<asp:ScriptManager ID="ScriptManager1" runat="server" />

<div>

 QQ号:

<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox><br />

<br />

<asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="TextBox1"

Display="None" ErrorMessage="<b>友情提醒</b><br />QQ号不能为空" Width="136px"></asp:RequiredFieldValidator><br />

<ajaxToolkit:ValidatorCalloutExtender ID="ValidatorCalloutExtender1" runat="server"

TargetControlID="RequiredFieldValidator1">

</ajaxToolkit:ValidatorCalloutExtender>

</div>

<ajaxToolkit:ValidatorCalloutExtender ID="ValidatorCalloutExtender2" runat="server"

TargetControlID="RangeValidator1">

</ajaxToolkit:ValidatorCalloutExtender>

<asp:RangeValidator ID="RangeValidator1" runat="server" ControlToValidate="TextBox1"

Display="None" ErrorMessage="<b>此号不存在</b><br />QQ号为5-9位数字" MaximumValue="999999999"

MinimumValue="1000"></asp:RangeValidator><br />

<br />

<asp:UpdatePanel ID="UpdatePanel1" runat="server">

<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>

</ContentTemplate>

</asp:UpdatePanel>

<asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="Button" />

</form>

</body>

</html>

显示页面CS代码:

using System;

using System.Data;

using System.Configuration;

using System.Web;

using System.Web.Security;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.Web.UI.WebControls.WebParts;

using System.Web.UI.HtmlControls;

public partial class _Default : System.Web.UI.Page

{

protected void Page_Load(object sender, EventArgs e)

{

}

protected void Button1_Click(object sender, EventArgs e)

{

this.Label1.Text = "您输入的QQ号" + this.TextBox1.Text + "正确";

}

posted on 2007-04-29 22:01 小角色阅读(451) 评论(0) 收藏举报