ASP.NET验证控件应用实例与详解。

ASP.NET公有六种验证控件,分别如下:

 控件名      功能描叙

1RequiredFieldValidator(必须字段验证)

 用于检查是否有输入值
2CompareValidator(比较验证)  按设定比较两个输入
3RangeValidator(范围验证)       输入是否在指定范围
4RegularExpressionValidator(正则表达式验证)  正则表达式验证控件
5CustomValidator(自定义验证)  自定义验证控件
6ValidationSummary(验证总结) 总结验证结果

验证:
通常在做与用户交互界面时,需要用户填写一些信息,对于信息的填写我们会有各种各样的要求:
1 信息不能为空,为空的话需要提示信息;
2 需要输入两次密码,判断两次密码的正确性;
3 需要提供某些 指定范围内的数值;
4 需要提供手机号 电话以及身份证等等信息,需要判断提供信息是否有效;
5 此外还需要设置其他的信息验证:例如需要客户输入质数,自动判断输入是否正确;

■■■■■■■■■■■■■■■■■■★★★★★★★★一、非空验证 RequiredFieldValidator ★★★★★★★★★★★★★★★★★★★★★★★★●●●●●●●●■■■■■■■■

相关属性:
ErrorMessage - 验证出错后的提示信息
ControlToValidate - 要验证的控件的ID
Display - 显示方式。Static-不显示也占空间。Dynamic-不显示不占空间
InitialValue - 验证的初始值,被验证控件的值与此值相同的话,就认为是空

功能实现:
(一)填没填?是否为空?
要点属性设置:ErrorMessage:”请输入完整信息“;
ControlTovalidate:textbox1;
Display:DYnamic;

(二)初始值变没变(原有值(必填)):通过设置InitialValue来实现
要点属性:InitialValue :(必填);

★★★★★★★★★★★★★★★★★★★★★错误提示代码一★★★★★★★★★★★★★★★★★★
“/”应用程序中的服务器错误。
WebForms UnobtrusiveValidationMode 需要“jquery”ScriptResourceMapping。请添加一个名为 jquery (区分大小写)的 ScriptResourceMapping。

解决方法:
在操作页面中添加下面的代码:
protected void Page_Load(object sender, EventArgs e)
{
UnobtrusiveValidationMode = UnobtrusiveValidationMode.None;
}

★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★

■■■■■■■■■■■■■■■■■■★★★★★★★★二、对比验证 CompareValidator★★★★★★★★★★★★★★★★★★★★★★★★●●●●●●●●■■■■■■■■

ErrorMessage - 验证出错后的提示信息
ControlToValidate - 要验证的控件的ID
Display - 显示方式。Static-不显示也占空间。Dynamic-不显示不占空间
ControlToCompare - 要对比的控件的ID
ValueToCompare - 要对比的值
Operator - 对比的运算符
Type - 输入的对比类型

场景:
1.两个控件的值进行对比。
例:两次输入密码的值对比是否正确;
需要用到的控件属性:CotrolToCompare:要对比的控件的ID名字;
2.控件输入的值和固定值进行对比
例: 要求输入月收入,输入值不能小于0;
要点控件属性:ValueToCompare:0;
■■■■■■■■■■■■■■■■■■★★★★★★★★三、范围验证 RangeValidator★★★★★★★★★★★★★★★★★★★★★★★★●●●●●●●●■■■■■■■■

ErrorMessage - 验证出错后的提示信息
ControlToValidate - 要验证的控件的ID
Display - 显示方式。Static-不显示也占空间。Dynamic-不显示不占空间
MaximumValue - 范围的上限
MinimumValue - 范围的下限
Type - 类型
■■■■■■■■■■■■■■■■■■★★★★★★★★ 四、正则表达式验证 RegularExpressionValidator★★★★★★★★★★★★★★★★★★★★★
ErrorMessage - 验证出错后的提示信息
ControlToValidate - 要验证的控件的ID
Display - 显示方式。Static-不显示也占空间。Dynamic-不显示不占空间
ValidationExpression - 验证表达式
■■■■■■■■■■■■■■■■■■★★★★★★★★ 五、验证汇总 ValidationSummary★★★★★★★★★★★★★★★★★★★★★

ShowMessageBox - 是否以对话框的形式显示汇总的错误信息 true/ fause
ShowSummary - 是否在页面上显示汇总的错误信息 true/ fause

注意:六种 验证控件在 设置TEXT 为*属性后,在出现错误后 将显示* ;具体的错误信息将显示在ValidationSummary 的框内;
如果要在页面上显示汇总则:ShowSummary - true ShowMessageBox-fause

如果页面控件不足,提示错误信息需要弹出窗口显示则:ShowSummary - fause ShowMessageBox-true

■■■■■■■■■■■■■■■■■■★★★★★★★★ 六 自定义验证★★★★★★★★★★★★★★★★★★★★★
ErrorMessage - 验证出错后的提示信息
ControlToValidate - 要验证的控件的ID
Display - 显示方式。Static-不显示也占空间。Dynamic-不显示不占空间
ClientValidationFunction - 客户端验证函数的函数名。(不要加括号)

客户端验证函数的规范:
function 函数名(事件源,事件数据)
{
事件数据.Value -- 要被给证的值。该验证控件所要验证的那个输入框中的值。
事件数据.IsValid -- 告诉验证控件,验证是否通过。
}

function zhiShu(a, b) { //a-事件源,b-事件数据
//步骤
//1.把要被验证的值取出来。
var s = b.Value;
//2.进行验证
var isOK = false;
if (isNaN(s) == false) { //首先要看是不是个数字
var zc = 0;
var num = parseInt(s);
for (var i = 1; i <= num; i++) { //从1开始到数值本身,挨个整除,如果能被整除就记录一下zc++;
if (num % i == 0) {
zc++;
}
}
if (zc == 2) {
isOK = true;
}
else {
isOK = false;
}
}
else {
isOK = false;
}

//3.告诉验证控件是否验证通过。
b.IsValid = isOK;
}

■■■■■■■■■■■■■■■■■★★★★★★★★ 应用技巧★★★★★★★★★★★★★★★★★★★★★
两个应用技巧:
1.防止按钮激发验证控件。
默认情况下,3类按钮都会激发验证。
如果不想激发验证:给按钮的CauseValidation=false

2.验证分组的问题。 验证分组后也可以避免激发验证的现象出现
把输入控件(文本框,单选,多选)、验证控件(非空,对比,范围,正则,自定义,汇总)、按钮的ValidationGroup属性设成相同的值。它们就变成一组了。
■■■■■■■■■■■■■■■■■★★★★★★★★ 代码操作方式★★★★★★★★★★★★★★★★★★★★★
控件应用 代码操作方法:

一:RequiredFieldValidator(必须字段验证)的使用

RequiredFieldValidator控件使用的标准代码如下:

<ASP:RequiredFieldValidator id="Validator_Name" Runat="Server" ControlToValidate="要检查的控件名" ErrorMessage="出错信息" Display="Static|Dymatic|

None"></ASP:RequiredFieldValidator>

在以上标准代码中:

ControlToValidate:表示要进行检查控件ID;

ErrorMessage:表示当检查不合法时,出现的错误信息;

Display:错误信息的显示方式;Static表示控件的错误信息在页面中占有肯定位置;Dymatic表示控件错误信息出现时才占用页面控件;None表示错误出现时不显示,但是可以在

ValidatorSummary中显示;

占位符:表示Display为Static时,错误信息占有"占位符"那么大的页面空间;

现在,让我们看一个实例:

<ASP:TextBoxid="txtName"runat="Server"/>
<ASP:RequiredFieldValidator id="Validator1" Runat="Server" ControlToValidate="txtName" ErrorMessage="姓名必须输入" Display="Static">
*姓名必须输入
</ASP:RequiredFieldValidator>

在以上例子中,检查txtName控件是否有输入,如果没有,显示错误信息"姓名必须输入"。是不是很简单?
注意:以上代码和下面其他控件的代码最好放入Form中,和ASP中不一样的是,Form最好写为这样:

<Form runat="Server">其他代码</Form>

这样,Form在服务器端执行,提交才会有效;

 二:CompareValidator(比较验证)控件

比较控件比较两个控件的输入是否符合程序设定,大家不要把比较仅仅理解为"相等",尽管相等是用的最多的,其实,这里的比较包括范围很广,大家看标准代码就会明白。

比较控件的标准代码如下:

<ASP:CompareValidator id="Validator_ID" runat="Server" ControlToValidate="要验证的控件ID" errorMessage="错误信息" ControlToCompare="要比较的控件ID"

type="String|Integer|Double|DateTime|Currency" operator="Equal|NotEqual|GreaterThan|GreaterTanEqual|LessThan|LessThanEqual|DataTypeCheck"

Display="Static|Dymatic|None"></ASP:CompareValidator>

在以上标准代码中:

Type表示要比较的控件的数据类型;

Operator表示比较操作(也就是刚才说的为什么比较不仅仅是"相等"的原因),这里,比较有7种方式;

其他属性和RequiredFieldValidator相同;

在这里,要注意ControlToValidate和ControlToCompare的区别,如果operate为GreateThan,那么,必须 ControlToCompare大于ControlToValidate才是合法的,这下,应该明

白它们两者的意义了吧?例子程序请参考 RequiredFieldValidator控件,对照标准代码自己设计。

  三:RangeValidator(范围验证)控件

验证输入是否在一定范围,范围用MaximumValue(最大)和MinimunVlaue来确定,标准代码如下:

<ASP:RangeValidator id="Vaidator_ID" Runat="Server" controlToValidate="要验证的控件ID" type="Integer" MinimumValue="最小值" MaximumValue="最大值"

errorMessage="错误信息" Display="Static|Dymatic|None"></ASP:RangeValidator>

在以上代码中:

用MinimumValue和MaximumValue来界定控件输入值得范围,用type来定义控件输入值的类型。

  四:RegularExpresionValidator(正则表达式)控件

正则表达式验证控件的功能非常强大,你可以自己容易构造验证方式,我们先来看看标准代码:

<ASP:RegularExpressionValidator id="Validator_ID" runat="Server" ControlToValidate="要验证控件名" ValidationExpression="正则表达式"
errorMessage="错误信息" display="Static"></ASP:RegularExpressionValidator>

在以上标准代码中,ValidationExpression是重点,现在来看看它的构造:

在ValidationExpression中,不同的字符表示不同的含义:

"."表示任意字符;

"*"表示和其他表达式一起,表示容易组合;

"[A-Z]"表示任意大写字母;

"\d"表示容易一个数字;

注意,在以上表达式中,引号不包括在内;

举例:

正则表达式:"\d"表示只能填写任意一个数字。更多常用正则表达式

  五:ValidationSummary(验证总结)控件

该控件收集本页的所有验证错误信息,并可以将它们组织以后再显示出来。其标准代码如下:

<ASP:ValidationSummary id="Validator_ID" RunAT="Server" HeaderText="头信息" ShowSummary="True|False" DiaplayMode="List|BulletList|

SingleParagraph"></ASP:ValidationSummary>

在以上标准代码中,HeadText相当于表的HeadText,DisplayMode表示错误信息显示方式:List相当于HTML中 的<BR>;BulletList相当于HTML中的<LI>;SingleParegraph表示

错误信息之间不作如何分割;

  六:CustomValidator(自定义验证)控件

该控件用自定义的函数界定验证方式,其标准代码如下:

<ASP:CustomValidator id="Validator_ID" runat="Server" controlToValidate="要验证的控件" onServerValidateFunction="验证函数" errorMessage="错误信息"

Display="Static|Dymatic|None"></ASP:CustomValidator>

以上代码中,用户必须定义一个函数来验证输入。

 

上一篇:jQuery学习笔记(Ajax)


下一篇:使用 UICollectionView 实现网格化视图效果