zoukankan      html  css  js  c++  java
  • 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>

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

     

  • 相关阅读:
    vscode圣诞帽
    阿里java代码检测工具p3c
    elasticsearch 二、elasticsearch-head安装
    elasticsearch 一、环境配置
    针对json的查询--alibaba的开源项目jsonq
    macos下golang 1.9配置
    此请求已被阻止,因为当用在 GET 请求中时,会将敏感信息透漏给第三方网站。若要允许 GET 请求,请将 JsonRequestBehavior 设置为 AllowGet。
    mvc webapi路由重写
    《Java编程的逻辑》终于上市了!
    《Java编程的逻辑》
  • 原文地址:https://www.cnblogs.com/woniu-net/p/4729260.html
Copyright © 2011-2022 走看看