大家对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的实际应用:
当两次输入的密码不一致是就会有如下提示(当然提示信息是自己定义的):
另外需要注意的是:如果两个框输入的都是空格,不输入多少,两个的数量一不一样,都会认为一致,因为CompareValidator将全为空格的内容当做什么都没有。但是如果输入了实际内容,不管在什么地方加空格,只要两个框的内容不一样就会报错。说明CompareValidator并没有默认去掉首尾的空格。这一点需要注意。
虽然CompareValidator跟用js实现起来在对资源的消耗与用户体验上有一定的差距,不过它用起来比较简单方便,适合入门时学习使用。以后再向大家介绍js的方式。