欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

asp.net数据验证控件

程序员文章站 2023-12-21 12:02:04
1、非空数据验证控件requiredfiledvalidator。 属性:controltovaliata 指验证控件对哪一个控件进行验证。例如验证textbox控件的i...

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>

上一篇:

下一篇: