自强不息,厚德载物!身心自在,道法自然!


初识 Asp.Net数据验证控件

在我们建立一个Asp.Net Web应用程序的时候我一般都会注意我们工具如图

工具箱验证这个选择低下有这么多验证控件,其实对于初始我们这些新手搞Asp.net的话这些控件简直犹如逆天一般的存在,一说验证,哇我不太会JS,JQ什么的写不了脚本验证什么什么的,当然新手什么情况都有,不过微软在这块搞的控件对于这些人来说就是福气来了,不会js,jq照样可以验证,这就是我这里所介绍的这几个控件,不过你们也看到了,这是5个验证控件,然后NB的大虾也可以自定义控件或者不排除去自己开发,我们菜鸟就工具箱里面的就够用了,本篇介绍可能比较特长,如果你看的时候不准备好面包,咖啡,瓜子什么的那就太不过瘾了......嘿嘿,开个玩笑了,下面就开始我们的菜鸟初始Asp.Net验证控件了解之旅吧!

非空数据验证

①.RequiredFieldValidator控件

              该控件一般用于文本框的非空验证,在网页提交到服务器前,该控件验证控件的输入值是否为空。如果为空,就会显示错误信息和提示消息。

RequiredFieldValidator常用属性

 
属性 描述
ID 控件ID,控件唯一标识符
ControlToValidate 表示经行验证控件的ID,该属性必须设置为输入控件的ID
ErrorMessage 表示当验证不合法时,出现错误的信息
IsValid 获取或设置一个值,该值指示控件的数据是否有效,默认值为True
Display 设置错误信息的显示方式
Text 如果Display为Static,不出错时,显示该文本

 

 

 

 

 

 

 

ControlToValidate属性:例如验证TextBox控件的ID属性为TextBox1,写法如下

this.RequiredFieldValidtor.ControlToValidate="TextBox1";

 ErrorMessage属性:

this.RequiredFieldValidtor.ErrorMessge="*****"; //*****代表错误信息

 数据比较验证

②CompareValidator控件

     该控件将输入控件的值与常数值或者其他输入控件的值比较,确定这两个值是否与比较运算符(>,>=,<,<=,=)指定的关系相匹配。

CompareValidator控件常用属性

 
属性 描述
ID 控件的唯一标识
ControlToCompare 获取或者设置比较的输入控件的ID。默认值为空字符串("")
ControlToValidate 表示要经行验证的控件ID,该属性必须设置为输入控件ID.如果没有指定有效输入控件,则会在显示页面引发异常。
ErrorMessage 表示当验证不合法时,出现错误消息
IsValid 获取或者设置一个值,该值指示控件验证的数据是否有效。默认值为True
Operator 获取或者设置验证中使用的比较操作。默认值为Equal
Display 设置错误信息的显示方式
Text 如果Display为Static,不出错时,显示该文本
Type 获取或者设置比较的两个值的数据类型。默认值为true
ValueToCompare 获取或者设置要比较的值

 

 

 

 

 

 

 

 

 

 

 

ValueToCompare属性:

      如:ID属性为tex1的TextBox控件与ID属性为txt2的TxtBox控件经行比较验证,代码如下:

CompareValidator1.ValueToCompare ="tex1";
CompareValidator1.ControToValidate="text2";

 Operator属性:获取或者设置验证中使用的比较操作。默认值为Equal。ValueToCompare属性必须位于比较运算符的左边,ValueToCompare属性位于右边,才能有效进行计算。

     如:ID属性为tex1的TextBox控件与ID属性为txt2的TxtBox控件是否相等,代码如下:

CompareValidator1.Operator=ValidationCompareOperator.Equal;

 Type属性:该属性指定要对其经行比较的两个值的数据类型。写法:

this.CompareValidator1.Type=ValidationDataType.String;

 

数据输入格式验证

③RegularExpressionValidator控件

     使用RegularExpressionValidator控件可以验证用户的输入是否与预定义的模式相匹配,这样就可以对电话,邮编,网址等经行验证。RegularExpressionValidator空间允许有多种有效模式,每个有效模式使用“|”字符经行分隔。预定义的模式需要使用正则表达式来定义。

RegularExpressionValidator控件常用属性

属性 描述
ID 控件ID,唯一标识符
ControlToValidate 表示要经行验证的控件ID,该属性必须设置为输入控件ID.
ErrorMessage 表示当验证不合法时,出现错误的信息
IsValid 获取或设置一个值,该值指示控件验证的数据是否有效。默认值true
Display 设置错误信息的显示方式
Text 如果Display为Static,不出错时,显示该文本
ValidationExpression 获取或者设置被指定为验证条件的正则表达式,默认值为空字符("")

 

 

 

 

 

 

 

 

 

实例代码:

<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
    <title>数据格式验证</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <table style="width: 327px">
            <tr>
                <td align="center" colspan="2">
                    用户信息</td>
                <td style="width: 41px">
                </td>
            </tr>
            <tr>
                <td style="font-size: 9pt; width: 64px">
                    姓名:</td>
                <td style="font-size: 9pt; width: 118px">
                    <asp:TextBox ID="txtName" runat="server" Width="138px"></asp:TextBox></td>
                <td style="font-size: 9pt; width: 87px">
                    <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="txtName"
                        ErrorMessage="姓名不能为空" SetFocusOnError="True"></asp:RequiredFieldValidator></td>
            </tr>
            <tr style="color: #000000">
                <td style="font-size: 9pt; width: 64px">
                    密码:</td>
                <td style="font-size: 9pt; width: 118px">
                    <asp:TextBox ID="txtPwd" runat="server" TextMode="Password"></asp:TextBox></td>
                <td style="font-size: 9pt; width: 87px">
                </td>
            </tr>
            <tr>
                <td style="font-size: 9pt; width: 64px">
                    确认密码:</td>
                <td style="font-size: 9pt; width: 118px">
                    <asp:TextBox ID="txtRePwd" runat="server" TextMode="Password"></asp:TextBox></td>
                <td style="font-size: 9pt; width: 87px">
                    <asp:CompareValidator ID="CompareValidator1" runat="server" ControlToCompare="txtPwd"
                        ControlToValidate="txtRePwd" ErrorMessage="确认密码与密码不匹配"></asp:CompareValidator></td>
            </tr>
            <tr>
                <td style="font-size: 9pt; width: 64px">
                    出生日期:</td>
                <td style="font-size: 9pt; width: 118px">
                    <asp:TextBox ID="txtBirth" runat="server" Width="138px"></asp:TextBox></td>
                <td style="font-size: 9pt; width: 87px">
                    <asp:CompareValidator ID="CompareValidator2" runat="server" ControlToValidate="txtBirth"
                        ErrorMessage="日期格式有误" Operator="DataTypeCheck" SetFocusOnError="True" Type="Date"></asp:CompareValidator></td>
            </tr>
            <tr>
                <td style="font-size: 9pt; width: 64px">
                    Email:</td>
                <td style="font-size: 9pt; width: 118px">
                    <asp:TextBox ID="txtEmail" runat="server" Width="138px"></asp:TextBox></td>
                <td style="font-size: 9pt; width: 87px">
                    <asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server" ControlToValidate="txtEmail"
                        ErrorMessage="格式不正确" ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*"></asp:RegularExpressionValidator></td>
            </tr>
            <tr>
                <td style="font-size: 9pt; width: 64px; height: 26px;">
                </td>
                <td style="font-size: 9pt; width: 118px; height: 26px;">
                    <asp:Button ID="btnCheck" runat="server" Text="验证" /></td>
                <td style="font-size: 9pt; width: 87px; height: 26px;">
                </td>
            </tr>
        </table>
    
    </div>
    </form>
</body>
</html>

 ④数据范围验证

RangeValidator控件

使用RangeValidator控件验证用户输入是否在指定范围之内,可以通过RangeValidator控件上,下限属性以及指定控件要验证的值的数据类型的设置完成这一功能。

常用属性

属性 描述
ID 控件ID,唯一标识符
ControlToValidate 获取或者设置要比较的值,该属性必须设置为输入控件的ID
ErrorMessage 表示当验证不合法时,出现错误的信息
IsValid 获取或设置一个值,该值指示控件验证的数据是否有效。默认值true
Display 设置错误信息的显示方式
MaximumValue 获取或者设置要验证的控件的值,该值必须小于或等于该属性的值。默认值为空字符串("")
MinmumValue 获取或者设置要验证的控件的值,该值必须大于或等于该属性的值。默认值为空字符串("")
Text 如果Display为Static,不出错时,显示该文本
Type 获取或者设置比较的两个值的数据类型。默认值为true

 

 

 

 

 

 

 

 

 

        MaximumValue属性和MinmumValue属性:这两个属性指定用户输入范围的最大值和最小值。例如:要验证用户输入的值在20~70之间。代码如下:

RangeValidator1.MaximumValue="70";
RangeValidator1.MinimumValue="20";

 ⑤验证错误信息提示

ValidationSummary控件

使用ValidationSummary控件可以为用户提供将窗体发送到服务器时所出现的错误列表,错误列表可以通过列表,项目符号列表或单个段落的形式经行显示。

ValidationSummary常用的属性

属性 描述
HeaderText 控件汇总信息
DisplayMode 设置错误信息的显示格式
ShowMessageBox 是否以弹出方式显示每个被验证控件的错误信息
ShowSummary 是否使用错误汇总信息
EnableClientScript 是否使用客户端验证,系统默认值为true
Validate 执行验证并且更新Isvalid属性

 

 

 

 

 

 

 

 

  • DisplayMode属性:ValidationSummary控件的显示方式。摘要可以按列表,项目符号列表或者单个段落的形式显示。
  • ShowMessageBox属性:ShowMessageBox属性设置为true时,在网页上的错误信息不在网页本身上显示。
  • ShowSummary属性:ShowSummary属性设置为true,则在网页上显示验证摘要。

简单了解这么多原本以为可以细作点却发现这些验证控件基本用法大同小异只要动动手写几个例子就可以基本理解,后面做一些实例的例子时在看具体的吧!。。。。。。。

posted @ 2014-04-16 23:06  辉太  阅读(2336)  评论(0编辑  收藏  举报

路漫漫其修远兮,吾将上下而求索!