asp.net数据验证控件

 更新时间:2015年11月22日 11:08:30   投稿:hebedich  
ASP.NET不仅把窗体的验证作为服务器控件引入,还使这些控件智能化。如果浏览器支持JavaScript,而ASP.NET可以发送JavaScript,验证就在客户端进行;如果客户机不支持用于验证的JavaScript,这些JavaScript就被忽略,验证就在服务器上进行。

1、非空数据验证控件RequiredFiledValidator。

属性:ControlToValiata 指验证控件对哪一个控件进行验证。例如验证TextBox控件的ID属性txtPwd,只要将RequiredFiledValidator。控件的ControlToValidata属性设置为txtPwd。代码:this.RequiredFiledValidator1.ControlToValidata="txtPwd";

ErrorMessage属性:用于指定页面中使用RequiredFiledValidator控件时显示的错误消息文本。代码:this.RequeiredFiledValidator1.ErrorMessage=“*”;

2、数据比较验证控件

CompareValidator:

重要属性:ControlToCompare  指定要对其进行值比较的控件ID。例如验证两次ID。

this.compareValidator1.ControlToCompare="txtPwd";

this.compareValidator1.ControlToValidate=""txtRepwd:

Operator属性:进行验证时进行的操作。例如验证输入密码和再次输入密码是否一致。

this.CompareValidator1.OPerator=ValidationCompareOperator.Equal;

Type属性:指定要进行比较的两个值的数据类型;例如验证两者的数据类型

this.。。Type=ValidationDataType.String;

ValueToCompare属性:指定要比较的值。

 <title>数据验证技术</title>
</head>
<body>
  <form id="form1" runat="server">
  <div>
  <h2>数据验证技术</h2>
    <h3>非空数据验证</h3>
    <div >
      <asp:Label ID="lab" Text="用户信息" runat ="server" ></asp:Label ><br /><br />
      <asp:Label ID="Name" Text ="姓名:" runat ="server" ></asp:Label>
      <asp:TextBox ID="txtName" runat="server" ></asp:TextBox>
      
      <asp:RequiredFieldValidator ID="RedFile" runat ="server" ControlToValidate ="txtName" SetFocusOnError ="true" ErrorMessage ="姓名不能为空" ></asp:RequiredFieldValidator><br /><br /><br />
      <asp:Button ID="btOK" runat="server" Text="验证" OnClick="btOK_Click" style="height: 21px" />

    </div>
  </div>
    <div>
      <hr />
      <h3>数据比较控件验证</h3>
      <var>
        <asp:Label ID="LabTxt" runat="server" Text="用户信息" BorderStyle ="NotSet"></asp:Label><br />
        </var>
        <asp:Label ID="lab2" runat="server" Text="姓名:"></asp:Label>
        <asp:TextBox ID="lab3" runat ="server" ></asp:TextBox>
        
        <asp:RequiredFieldValidator ID="RequFlie2" runat="server" ErrorMessage ="姓名不能为空" SetFocusOnError ="true" ControlToValidate ="txtName"></asp:RequiredFieldValidator><br /><br />
        <asp:Label ID ="lab4" runat="server" Text ="密码:" ></asp:Label>
        <asp:TextBox ID="txtPwd" runat ="server" TextMode="Password" ></asp:TextBox><br /><br />
        <asp:Label ID ="lab5" runat="server" Text ="确认密码:"></asp:Label>
        <asp:TextBox ID="txtRepwd" runat ="server" TextMode ="Password" ></asp:TextBox>
      <asp:CompareValidator ID="Comval" runat ="server" ControlToValidate ="txtRepwd" ControlToCompare ="txtPwd" ErrorMessage="确认密码与原密码不匹配"></asp:CompareValidator><br /><br />
      <asp:Button ID="btnCheck" runat ="server" Text ="验证2" OnClick="btnCheck_Click" />   
    </div>
  </form>

3、数据类型验证控件

CompareValidator对照特定的数据类型验证用户的输入,以确保用户输入的是数字还是日期等。

例:用到的控件属性,CotrolToValidator、operator、type属性。验证用户输入的出生日期与类型是否匹配。

关于JQuery的淡入淡出效果的演示。。

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  <title>jquery动态</title>
  <script src="">
  </script>
  <script type="text/javascript" >
    $(function(){
      $(".nav li").hover(function(){
        $("ul",this ).fadeIn();
      },
      function(){
        $("ul")
      })
      $)
  </script>
  <meta charset="utf-8" />
  <style type="text/css" >
    body{
      font-family :Arial ,sans-serif;
      font-size:15px;
    }
    .nav{
      margin:0;
      padding:0;
      list-style:none ;
    }
    .nav li {
      float :left ;
      width:150px;
      position :relative ;

    }
    .nav li a{
      background:#262626;
      color:#fff;
      display :block ;
      padding :8px 7px 8px 7px;
      text-decoration:none ;
      text-align :center ;
      text-transform :uppercase ;//小写变大写

    }
    .nav li a:hover {
      color:#bf3826;

    }
    .nav ul{
      position :absolute ;
      left:0px;
      display:none ;
      margin: 0 0 0 -1px;
      padding :0;
      list-style:none ;
      border-bottom :3px solid #bf3826;
       
    }
    .nav ul li{
      width:180px;
      float :left ;
      border-top :none ;
    }
    .nav ul a{
      display :block ;
      height :15px;
      padding: 8px 7px 8px 7px;
      color :#fff;
      text-decoration :none ;
      border-top:none ;
      border-bottom:1px dashed #bf3826;

    }
    
  </style>
</head>
<body>
  <div style="width :650px ; margin:0 auto">
    <ul class=" nav">
      <li><a href=" #">Home</a></li>
    <li>
      <a href="#">ipnoe</a> 
    </li>
    </ul
  </div>
</body>
</html>

相关文章

  • 获取客户端IP地址c#/vb.net各自实现代码

    获取客户端IP地址c#/vb.net各自实现代码

    项目要求获取客户端的IP地址,分析并且用c#与vb各自实现了此要求,有需要的朋友可以了解下啊,希望本文对你们有所帮助
    2013-01-01
  • .NET 6开发TodoList应用之实现ActionFilter

    .NET 6开发TodoList应用之实现ActionFilter

    Filter在.NET Web API项目开发中也是很重要的一个概念,它运行在执行MVC响应的Pipeline中执行,允许我们将一些可以在多个Action之间重用的逻辑抽取出来集中管理。本文将详细介绍一下.NET 6如何实现ActionFilter,感兴趣的可以学习一下
    2021-12-12
  • .NET微信公众号获取OpenID和用户信息

    .NET微信公众号获取OpenID和用户信息

    这篇文章主要为大家详细介绍了.NET微信公众号获取OpenID和用户信息的方法,用户OpenID对于微信公众平台开发尤为重要,感兴趣的小伙伴们可以参考一下
    2016-11-11
  • 浅谈AjaxPro.dll,asp.net 前台js调用后台方法

    浅谈AjaxPro.dll,asp.net 前台js调用后台方法

    这篇文章主要介绍了浅谈AjaxPro.dll,asp.net 前台js调用后台方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-07-07
  • 大型门户网站实现的十四大技术小结

    大型门户网站实现的十四大技术小结

    参考下大型门户网站的技术,大家可以尽量的备份好服务器。
    2010-10-10
  • .NET中的Swagger使用示例详解

    .NET中的Swagger使用示例详解

    Swagger (OpenAPI) 是一个与语言无关的规范,用于描述 REST API,这篇文章给大家介绍.NET中的Swagger使用,感兴趣的朋友一起看看吧
    2023-12-12
  • vim vax 快捷键大全

    vim vax 快捷键大全

    这篇文章主要给大家汇总介绍了vim vax 快捷键大全的相关资料,需要的朋友可以参考下
    2016-07-07
  • 运用.net core中实例讲解RabbitMQ高可用集群构建

    运用.net core中实例讲解RabbitMQ高可用集群构建

    这篇文章主要介绍了运用.net core中实例讲解RabbitMQ高可用集群构建,文中相关示例代码讲解的非常清晰,感兴趣的小伙伴可以参考一下这篇文章,相信可以帮助到你
    2021-09-09
  • Javascript 直接调用服务器C#代码 ASP.NET Ajax实例

    Javascript 直接调用服务器C#代码 ASP.NET Ajax实例

    近来总有一些朋友会问到一些入门的问题,把这些问题整理一下,写出来。在以前的文章里,曾经利用纯JS编写过Ajax引擎,在真正开发的时候,大家都不喜欢以这种低效率的方式开发,利用MS Ajax的集成的引擎,可以简单不少工作。
    2010-03-03
  • 在ASP.NET中实现弹出日历的具体方法

    在ASP.NET中实现弹出日历的具体方法

    这篇文章介绍了ASP.NET弹出日历功能的实现方法,有需要的朋友可以参考一下
    2013-07-07

最新评论