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的实际应用:

 

 

  1. <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="密码比较.aspx.cs" Inherits="WebApplication1.密码比较" %>  
  2.   
  3.   
  4. <!DOCTYPE html>  
  5.   
  6.   
  7. <html xmlns="http://www.w3.org/1999/xhtml">  
  8. <head id="Head1" runat="server">  
  9.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
  10.     <title>密码比较</title>  
  11. </head>  
  12. <body>  
  13.     <form id="form1" runat="server">  
  14.   
  15.   
  16.         <asp:Label ID="lbPWD1" runat="server" Text="请输入密码:"></asp:Label>  
  17.         <asp:TextBox ID="txtPWD1" runat="server" TextMode="Password"></asp:TextBox>  
  18.   
  19.   
  20.         <br />  
  21.         <br />  
  22.   
  23.   
  24.         <asp:Label ID="lbPWD2" runat="server" Text="请确认密码:"></asp:Label>  
  25.         <asp:TextBox ID="txtPWD2" runat="server" TextMode="Password"></asp:TextBox>  
  26.         <asp:CompareValidator ID="CompareValidator1" ForeColor="Red" runat="server" ErrorMessage="两次密码输入不一致" ControlToValidate="txtPWD1" ControlToCompare="txtPWD2"></asp:CompareValidator>  
  27.   
  28.   
  29.         <br />  
  30.         <br />  
  31.   
  32.   
  33.         <asp:Button ID="btnSubmit" runat="server" Text="提交" />  
  34.   
  35.   
  36.     </form>  
  37. </body>  
  38. </html>  

  

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


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

 

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

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

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值