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>
以上代码中,用户必须定义一个函数来验证输入。