asp.net數據驗證控件

2024-07-10 13:29:40

字體：大中小

來源：轉載

供稿：網友

ASP.NET不僅把窗體的驗證作為服務器控件引入，還使這些控件智能化。如果瀏覽器支持JavaScript，而ASP.NET可以發送JavaScript，驗證就在客戶端進行;如果客戶機不支持用于驗證的JavaScript，這些JavaScript就被忽略，驗證就在服務器上進行。

1、非空數據驗證控件RequiredFiledValidator。

屬性：ControlToValiata 指驗證控件對哪一個控件進行驗證。例如驗證TextBox控件的ID屬性txtPwd，只要將RequiredFiledValidator?？丶腃ontrolToValidata屬性設置為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>