ValidatorCalloutExtender

本文介绍了一个ASP.NET验证控件的实际应用案例,包括RequiredFieldValidator和RegularExpressionValidator等控件的配置和使用,展示了如何进行客户端及服务器端的数据验证。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

此控件是结合验证控件来使用的.

HTML

<form id="form1" runat="server">
    
<div>
        
<asp:ScriptManager ID="ScriptManager1" runat="server">
        
</asp:ScriptManager>
        
<asp:Label ID="lblName" runat="server" Text="名字:"></asp:Label>&nbsp;
        
<asp:TextBox ID="tbxName" runat="server"></asp:TextBox>
        
<asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="tbxName"
            Display
="None" ErrorMessage="请输入用户名."></asp:RequiredFieldValidator><br />
        
<asp:Label ID="lblPhoto" runat="server" Text="电话:"></asp:Label>
        
<asp:TextBox ID="tbxPhoto" runat="server"></asp:TextBox>
        
<asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ControlToValidate="tbxPhoto"
            Display
="None" ErrorMessage="请输入用户电话号码."></asp:RequiredFieldValidator>
        
<asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server" ControlToValidate="tbxPhoto"
            Display
="None" ErrorMessage="电话号码格式不正确" ValidationExpression="((d{3})|d{3}-)?d{8}"></asp:RegularExpressionValidator>
        
<cc1:ValidatorCalloutExtender ID="ValidatorCalloutExtender1" runat="server" TargetControlID="RequiredFieldValidator1">
        
</cc1:ValidatorCalloutExtender>
    
</div>
        
<cc1:ValidatorCalloutExtender ID="ValidatorCalloutExtender2" runat="server" TargetControlID="RequiredFieldValidator2">
        
</cc1:ValidatorCalloutExtender>
        
<cc1:ValidatorCalloutExtender ID="ValidatorCalloutExtender3" runat="server" TargetControlID="RegularExpressionValidator1">
        
</cc1:ValidatorCalloutExtender>
        
&nbsp;
        
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
            
<ContentTemplate>
                
<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
            
</ContentTemplate>
            
<Triggers>
                
<asp:AsyncPostBackTrigger ControlID="Button1" EventName="Click" />
            
</Triggers>
        
</asp:UpdatePanel>
        
<asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="Button" />
    
</form>

注意:

每一个ValidatorCallout对应着一个"验证控件"来使用.

设置它对应的TargetControlID. 

设置"验证控件"对应的服务器控件(TextBox)

CS:

 protected void Button1_Click(object sender, EventArgs e)
    
{
        
this.Label1.Text = tbxName.Text.ToString() + tbxPhoto.Text.ToString();
    }
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值