黑马程序员——验证控件

---------------------- Windows Phone 7手机开发.Net培训、期待与您交流! ----------------------

1)必须字段验证控件(RequiredFieldValidator)用于保证该字段不为空;代码如下:

<body>
    <form id="form1" runat="server">
    <div>


    </div>
    <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
    <asp:Label ID="Label1" runat="server"></asp:Label>
&nbsp;<p>
        <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" 
            ControlToValidate="TextBox1" ErrorMessage="必须字段不能为空"></asp:RequiredFieldValidator>
    </p>
    <asp:Button ID="Button1" runat="server" οnclick="Button1_Click1" Text="验证" />
      
    </form>
</body>
</html>

主要将控件的ControlToValidate属性选择TextBox1,就算没有选择,浏览器也会提示

“RequiredFieldValidator1”的 ControlToValidate 属性不能为空。

2)比较验证控件(CompareValidator)用于比较两个控件的输入是否相等;(常用于会员注册的 输入密码: 再次输入密码:)
代码:  <form id="form1" runat="server">
    <div>
    
    </div>
    <asp:Label ID="Label1" runat="server" height="22px" Text="请输入密码:"></asp:Label>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
    <br />
    <br />
    <asp:Label ID="Label2" runat="server" height="22px" Text="请再次输入密码:"></asp:Label>
&nbsp;
    <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>
&nbsp;
    <asp:CompareValidator ID="CompareValidator1" runat="server" 
        ControlToCompare="TextBox2" ControlToValidate="TextBox1" 
        ErrorMessage="两次输入的密码不一致"></asp:CompareValidator>
    <br />
    <br />
    <asp:Button ID="Button1" runat="server" οnclick="Button1_Click" Text="确定" />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <asp:Label ID="Label3" runat="server"></asp:Label>
    </form>
特别注意的两个属性:type用于规定比较的数据类型,有5个String、Integer、Doubel、Currency和Data
                    Operator用于值的比较操作,有Equal(=)、NotEqual、GreaterThan、GreaterThanEqual、LessThan、
LessThanEqual、DataTypeCheck

3)范围验证控件(RangeValidator)用于限定用户输入数据的有效范围;(如100-1000)
关键代码:<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
    <asp:RangeValidator ID="RangeValidator1" runat="server" 
        ControlToValidate="TextBox1" ErrorMessage="请输入100-1000的整数" MaximumValue="1000" 
        MinimumValue="100" Type="Integer"
></asp:RangeValidator>
    <br />
    <br />
    <asp:Button ID="Button1" runat="server" οnclick="Button1_Click" Text="确定" />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <asp:Label ID="Label1" runat="server"></asp:Label>
特别注意的属性:MaximumValue、MinimumValue、Type

4)正则表达式验证控件(RegularExpressionValidator)是一种较为灵活的验证方式,可以使用正则表达式的强大
   功能,实现对复杂字符串的验证;代码如下:
<body>
    <form id="form1" runat="server">
    <div>
    
    &nbsp;<asp:Label ID="Label1" runat="server" Text="输入一个有效的邮箱:"></asp:Label>
        <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
        <asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server" 
            ControlToValidate="TextBox1" ErrorMessage="你输入的不是有效的邮箱" 
            ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*"></asp:RegularExpressionValidator>
        <br />
        <asp:Button ID="Button1" runat="server" Text="Button" />
        <asp:Label ID="Label2" runat="server" Text="Label"></asp:Label>
    
    </div>
    &nbsp;</form>
</body>
应该注意的属性: ValidationExpression

5)自定义验证控件(CustomValidator)主要用于以上验证控件都不适用的场合,可以有开发人员自行编写
验证功能;代码如下:
<head runat="server">
    <title></title>
    <script type="text/javascript">
      function validateNumber(oSrc,args)
      {
          args.IsValid = (args.value % 5 == 0);
      }
    </script>

</head>
<body>
    <form id="form1" runat="server">
    <div>
    
        <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
        <asp:CustomValidator ID="CustomValidator1" runat="server" 
            ControlToValidate="TextBox1" ErrorMessage="输入错误" 
            ClientValidationFunction="validateNumber"></asp:CustomValidator>
    
        <br />
        <asp:Button ID="Button1" runat="server" οnclick="Button1_Click" Text="Button" />
        <br />
        <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
    
    </div>
    </form>
</body>
注意属性和相关的ClientValidationFunction 
<script type="text/javascript">
      function validateNumber(oSrc,args)
      {
          args.IsValid = (args.value % 5 == 0);
      }
</script>


6)验证总结控件(ValidationSummary)属于一个显示控件,本身并不参与用户输入的验证,只负责收集当前页面的验证错误信息,并以集合的形式显示;代码如下:
  <form id="form1" runat="server">
    <div>
    
        <asp:Label ID="Label1" runat="server" Text="姓名:"></asp:Label>
        <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
        <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" 
            ControlToValidate="TextBox1" ErrorMessage="姓名不能为空">*</asp:RequiredFieldValidator>
        <br />
        <br />
        <asp:Label ID="Label2" runat="server" Text="年纪:"></asp:Label>
        <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>
        <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" 
            ControlToValidate="TextBox2" ErrorMessage="年龄不能为空">*</asp:RequiredFieldValidator>
    
    </div>
    <asp:ValidationSummary ID="ValidationSummary1" runat="server" />
    <asp:Button ID="Button1" runat="server" οnclick="Button1_Click" Text="Button" />
    <asp:Label ID="Label3" runat="server" Text="Label"></asp:Label>
    </form>

----------------------Windows Phone 7手机开发.Net培训、期待与您交流! ----------------------

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值