Điều khiển ValidationSummary

Một phần của tài liệu Giáo trình ASP.NET cơ bản doc (Trang 52 - 55)

4.6.1. ý nghĩa

ValidationSummary cho phép bạn liệt kê tất cả các các lỗi kiểm tra trên trang từ những điều khiển validator vào một vị trí. Điều khiển này đặc biệt tiện ích với Form có độ rộng lớn.

cách sử dụng

Bạn đưa điều khiển ValidationSummary vào Form và thiết lập cho nó một số thuộc tính sau:

 DisplayMode: Cho phép bạn chỉ rõ định dạng hiển thị lỗi, nó có thể là các giá trị như BulletList, List, và SingleParagraph.

 HeaderText: Cho phép bạn hiển thị tiêu đề tóm tắt cho các lỗi.

 ShowMessageBox: Cho hiện thị một popup thông báo

 ShowSummary: Cho phép bạn ẩn ValidationSummary trên trang.

4.1.1. ví dụ

Code 8 Trang ValidationSummary.aspx

<%@ Page Language="C#" AutoEventWireup="true" %>

<!DOCTYPE htmlPUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server">

<title>ValidationSummary</title>

</head> <body>

<form id="form1"runat="server">

<div>

<asp:ValidationSummary ID="ValSummary"runat="server"/>

<table>

<tr>

<td>

<asp:Label ID="Label1"runat="server"Text="Họ tên"></asp:Label>

</td>

<td>

<asp:TextBox ID="txtHoten" runat="server"></asp:TextBox>

<asp:RequiredFieldValidator ID="RequiredFieldValidator1"runat="server" ErrorMessage="Bạn phải nhập họ tên"ControlToValidate="txtHoten">*(Yêu cầu)</asp:RequiredFieldValidator>

</td>

</tr>

<tr>

<td> (adsbygoogle = window.adsbygoogle || []).push({});

<asp:Label ID="Label2"runat="server"Text="Email"></asp:Label>

</td>

<td>

<asp:TextBox ID="txtEmail"runat="server"></asp:TextBox>

<asp:RequiredFieldValidator ID="RequiredFieldValidator2"runat="server" ErrorMessage="Bạn phải nhập hòm thư"ControlToValidate="txtEmail">*(Yêu cầu)</asp:RequiredFieldValidator>

<asp:RegularExpressionValidator ID="RegularExpressionValidator1"

runat="server"

ErrorMessage="Hòm thư bạn nhập không đúng định dạng"

ControlToValidate="txtEmail"></asp:RegularExpressionValidator>

</td>

</tr>

<tr>

<td colspan="2">

<asp:Button ID="Button1"runat="server" Text="Accept"/>

</td> </tr> </table> </div> </form> </body> </html> Code 8

Cũng với ví dụ trên nếu trên điều khiển ValSummary ta thiết lập thuộc tính ShowMessageBox bằng True và ShowSummary với giá trị bằng False thì kết xuất của ví dụ thay vì hiển thị là một danh sách lỗi trên Form thì nó hiển thị một popup thông báo những lỗi trên trang.

Code 9

<%@ Page Language="C#" AutoEventWireup="true"

CodeFile="ValidationSummary.aspx.cs"Inherits="ValidatorSummary" %>

<!DOCTYPE htmlPUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server">

<title>ValidationSummary</title>

</head> <body>

<form id="form1"runat="server">

<div>

<asp:ValidationSummary ShowMessageBox="true"ShowSummary="false"

ID="ValSummary"runat="server"/>

<table>

<tr> (adsbygoogle = window.adsbygoogle || []).push({});

<td>

<asp:Label ID="Label1"runat="server"Text="Họ tên"></asp:Label>

</td>

<td>

<asp:TextBox ID="txtHoten"runat="server"></asp:TextBox>

<asp:RequiredFieldValidator ID="RequiredFieldValidator1"runat="server" ErrorMessage="Bạn phải nhập họ tên"ControlToValidate="txtHoten">*(Yêu cầu)</asp:RequiredFieldValidator>

</td>

</tr>

<tr>

<td>

<asp:Label ID="Label2"runat="server"Text="Email"></asp:Label>

</td>

<td>

<asp:TextBox ID="txtEmail"runat="server"></asp:TextBox>

<asp:RequiredFieldValidator ID="RequiredFieldValidator2"runat="server" ErrorMessage="Bạn phải nhập hòm thư"ControlToValidate="txtEmail">*(Yêu cầu)</asp:RequiredFieldValidator>

<asp:RegularExpressionValidator ID="RegularExpressionValidator1"

runat="server"

ErrorMessage="Hòm thư bạn nhập không đúng định dạng"

ControlToValidate="txtEmail"></asp:RegularExpressionValidator>

</td>

</tr>

<tr>

<td colspan="2">

</td> </tr> </table> </div> </form> </body> </html> Kết xuất của nó:

Một phần của tài liệu Giáo trình ASP.NET cơ bản doc (Trang 52 - 55)