ASP.NET验证控件之CompareValidator

大家对CompareValidator应该非常熟悉了吧,它的作用就是比较两个输入框所输入的值是否一致。最常用的就是在用户注册的时候检验两次输入的密码是否一致。相信只要上过网的人都遇到过吧!好了废话不多说,下面一起看看他的常用属性:


属性

描述

BackColor

 背景颜色。

ControlToCompare

 要与所验证的输入控件进行比较的输入控件。

ControlToValidate

 要验证的输入控件的 ID。

Display

 验证控件中错误信息的显示行为。

 合法值是:

·         None 验证消息从不内联显示。

·         Static 在页面布局中分配用于显示验证消息的空间。

·         Dynamic 如果验证失败,将用于显示验证消息的空间动态添加到页面。

EnableClientScript

 布尔值,规定是否启用客户端验证。true为启用,false为不启用。

Enabled

 布尔值,规定是否启用验证控件。true为启用,false为不启用。

ErrorMessage

 当验证失败时在 ValidationSummary 控件中显示的文本。

 注释:如果未设置 Text 属性,此文本将显示在验证控件中。

ForeColor

 控件的前景色。即错误信息的字体颜色。

id

 控件的唯一 ID。

IsValid

 布尔值,指示由 ControlToValidate 指定的输入控件是否通过验证。true为通过,false为未通过。

Operator

 要执行的比较操作的类型。

 运算符是:

·         Equal 等于

·         GreaterThan 大于

·         GreaterThanEqual 大于等于

·         LessThan 小于

·         LessThanEqual 小于等于

·         NotEqual 不等于

·         DataTypeCheck 验证数据类型(如果规定类型为整型,那么输入字符就不能通过验证)

runat

 规定控件是服务器控件。必须设置为 "server"。

Text

 当验证失败时显示的消息。

Type

 规定要对比的值的数据类型。

 类型有:

·         Currency

·         Date

·         Double

·         Integer

·         String

ValueToCompare

 一个常数值,该值要与由用户输入到所验证的输入控件中的值进行比较。



下面是CompareValidator的实际应用:

 

 

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="密码比较.aspx.cs" Inherits="WebApplication1.密码比较" %>


<!DOCTYPE html>


<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>密码比较</title>
</head>
<body>
    <form id="form1" runat="server">


        <asp:Label ID="lbPWD1" runat="server" Text="请输入密码:"></asp:Label>
        <asp:TextBox ID="txtPWD1" runat="server" TextMode="Password"></asp:TextBox>


        <br />
        <br />


        <asp:Label ID="lbPWD2" runat="server" Text="请确认密码:"></asp:Label>
        <asp:TextBox ID="txtPWD2" runat="server" TextMode="Password"></asp:TextBox>
        <asp:CompareValidator ID="CompareValidator1" ForeColor="Red" runat="server" ErrorMessage="两次密码输入不一致" ControlToValidate="txtPWD1" ControlToCompare="txtPWD2"></asp:CompareValidator>


        <br />
        <br />


        <asp:Button ID="btnSubmit" runat="server" Text="提交" />


    </form>
</body>
</html>

 

  

当两次输入的密码不一致是就会有如下提示(当然提示信息是自己定义的):


另外需要注意的是:如果两个框输入的都是空格,不输入多少,两个的数量一不一样,都会认为一致,因为CompareValidator将全为空格的内容当做什么都没有。但是如果输入了实际内容,不管在什么地方加空格,只要两个框的内容不一样就会报错。说明CompareValidator并没有默认去掉首尾的空格。这一点需要注意。

 

虽然CompareValidator跟用js实现起来在对资源的消耗与用户体验上有一定的差距,不过它用起来比较简单方便,适合入门时学习使用。以后再向大家介绍js的方式。 

 

posted @ 2012-12-04 11:33  刘水镜  阅读(2687)  评论(4编辑  收藏  举报