bài 3 - Điều khiển kiểm tra dữ liệu

20
1 1 HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO HocLapTrinhWeb.COM - Tek http://www.facebook.com/groups/hoclaptrinhweb/

Upload: hoc-lap-trinh-web

Post on 24-Jun-2015

1.316 views

Category:

Documents


3 download

DESCRIPTION

Giới thiệu chung RequireFieldValidator CompareValidator RangeValidator RegularExpressionValidator CustomValidator ValidationSummary

TRANSCRIPT

Page 1: Bài 3 - Điều khiển kiểm tra dữ liệu

11

HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO

HocLapTrinhWeb.COM

-Tek http://www.facebook.com/groups/hoclaptrinhweb/

Page 2: Bài 3 - Điều khiển kiểm tra dữ liệu

22

HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO

HocLapTrinhWeb.COM

-Tek http://www.facebook.com/groups/hoclaptrinhweb/

Mục tiêuMục tiêu

• Sử dụng thành thạo các điều khiển

kiểm tra dữ liệu

Page 3: Bài 3 - Điều khiển kiểm tra dữ liệu

33

HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO

HocLapTrinhWeb.COM

-Tek http://www.facebook.com/groups/hoclaptrinhweb/

Nội dungNội dung

1.1. Giới thiệu chungGiới thiệu chung1.1. Giới thiệu chungGiới thiệu chung 2. RequireFieldValidator2. RequireFieldValidator2. RequireFieldValidator2. RequireFieldValidator

4. RangeValidator4. RangeValidator4. RangeValidator4. RangeValidator

5. RegularExpressionValidator5. RegularExpressionValidator5. RegularExpressionValidator5. RegularExpressionValidator 6. CustomValidator6. CustomValidator6. CustomValidator6. CustomValidator

3. CompareValidator3. CompareValidator3. CompareValidator3. CompareValidator

7. ValidationSummary7. ValidationSummary7. ValidationSummary7. ValidationSummary

Page 4: Bài 3 - Điều khiển kiểm tra dữ liệu

44

HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO

HocLapTrinhWeb.COM

-Tek http://www.facebook.com/groups/hoclaptrinhweb/

• Dùng để kiểm tra tính hợp lệ của dữ liệu

• Tự động phát sinh code kiểm tra dữ liệu ở client-side tùy thuộc vào web browser có hỗ trợ thực thi script ở client không

Bài 3: Điều khiển kiểm tra dữ liệu

Giiới thiệu

Page 5: Bài 3 - Điều khiển kiểm tra dữ liệu

55

HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO

HocLapTrinhWeb.COM

-Tek http://www.facebook.com/groups/hoclaptrinhweb/

• Qui trình kiểm tra:

Bài 3: Điều khiển kiểm tra dữ liệu

Giiới thiệu

Dữ liệu nhập

Hợp lệ?

Hợp lệ?

Các xử lý

Không

Client

Server Có

Không

Page 6: Bài 3 - Điều khiển kiểm tra dữ liệu

66

HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO

HocLapTrinhWeb.COM

-Tek http://www.facebook.com/groups/hoclaptrinhweb/

• Một số thuộc tính cơ bản

ControlToValidate: tên điều khiển cần kiểm tra

Text: chuỗi thông báo xuất hiện khi có lỗi

ErrorMessage: chuỗi thông báo xuất hiện trong điều khiển Validation Summary

EnableClientScript: cho phép thực hiện kiểm tra ở phía Client hay không (True/False)

Bài 3: Điều khiển kiểm tra dữ liệu

Giới thiệu

Page 7: Bài 3 - Điều khiển kiểm tra dữ liệu

77

HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO

HocLapTrinhWeb.COM

-Tek http://www.facebook.com/groups/hoclaptrinhweb/

• Một số thuộc tính cơ bản

SetFocusError(True/False): đặt con trỏ vào điều khiển khi dữ liệu không hợp lệ

ValidationGroup: tên nhóm. Nhóm các điều khiển có cùng giá trị ValidationGroup

Bài 3: Điều khiển kiểm tra dữ liệu

Giới thiệu

Page 8: Bài 3 - Điều khiển kiểm tra dữ liệu

88

HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO

HocLapTrinhWeb.COM

-Tek http://www.facebook.com/groups/hoclaptrinhweb/

Nội dungNội dung

1.1. Giới thiệu chungGiới thiệu chung1.1. Giới thiệu chungGiới thiệu chung 2. RequireFieldValidator2. RequireFieldValidator2. RequireFieldValidator2. RequireFieldValidator

4. RangeValidator4. RangeValidator4. RangeValidator4. RangeValidator

5. RegularExpressionValidator5. RegularExpressionValidator5. RegularExpressionValidator5. RegularExpressionValidator 6. CustomValidator6. CustomValidator6. CustomValidator6. CustomValidator

3. CompareValidator3. CompareValidator3. CompareValidator3. CompareValidator

7. ValidationSummary7. ValidationSummary7. ValidationSummary7. ValidationSummary

Page 9: Bài 3 - Điều khiển kiểm tra dữ liệu

99

HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO

HocLapTrinhWeb.COM

-Tek http://www.facebook.com/groups/hoclaptrinhweb/

• Kiểm tra giá trị trong điều khiển phải được nhập

• Thuộc tính InitialValue:

Giá trị khởi động

Giá trị nhập vào phải khác với giá trị của thuộc tính này

Bài 3: Điều khiển kiểm tra dữ liệu

RequiredFieldValidatior

Minh họaMinh họa

Page 10: Bài 3 - Điều khiển kiểm tra dữ liệu

1010

HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO

HocLapTrinhWeb.COM

-Tek http://www.facebook.com/groups/hoclaptrinhweb/

Nội dungNội dung

1.1. Giới thiệu chungGiới thiệu chung1.1. Giới thiệu chungGiới thiệu chung 2. RequireFieldValidator2. RequireFieldValidator2. RequireFieldValidator2. RequireFieldValidator

4. RangeValidator4. RangeValidator4. RangeValidator4. RangeValidator

5. RegularExpressionValidator5. RegularExpressionValidator5. RegularExpressionValidator5. RegularExpressionValidator 6. CustomValidator6. CustomValidator6. CustomValidator6. CustomValidator

3. CompareValidator3. CompareValidator3. CompareValidator3. CompareValidator

7. ValidationSummary7. ValidationSummary7. ValidationSummary7. ValidationSummary

Page 11: Bài 3 - Điều khiển kiểm tra dữ liệu

1111

HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO

HocLapTrinhWeb.COM

-Tek http://www.facebook.com/groups/hoclaptrinhweb/

• So sánh giá trị của một điều khiển với giá trị của một điều khiển khác

• So sánh giá trị của một điều khiển với một giá trị được xác định trước

• Trong trường hợp không nhập dữ liệu, điều khiển sẽ không thực hiện kiểm tra

• Thuộc tính : ControlToCompare (ưu tiên)

Operator

Type

ValueToCompare

Bài 3: Điều khiển kiểm tra dữ liệu

CompareValidator

Minh họaMinh họa

Page 12: Bài 3 - Điều khiển kiểm tra dữ liệu

1212

HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO

HocLapTrinhWeb.COM

-Tek http://www.facebook.com/groups/hoclaptrinhweb/

Nội dungNội dung

1.1. Giới thiệu chungGiới thiệu chung1.1. Giới thiệu chungGiới thiệu chung 2. RequireFieldValidator2. RequireFieldValidator2. RequireFieldValidator2. RequireFieldValidator

4. RangeValidator4. RangeValidator4. RangeValidator4. RangeValidator

5. RegularExpressionValidator5. RegularExpressionValidator5. RegularExpressionValidator5. RegularExpressionValidator 6. CustomValidator6. CustomValidator6. CustomValidator6. CustomValidator

3. CompareValidator3. CompareValidator3. CompareValidator3. CompareValidator

7. ValidationSummary7. ValidationSummary7. ValidationSummary7. ValidationSummary

Page 13: Bài 3 - Điều khiển kiểm tra dữ liệu

1313

HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO

HocLapTrinhWeb.COM

-Tek http://www.facebook.com/groups/hoclaptrinhweb/

• Kiểm tra giá trị của điều khiển nằm trong đoạn [min-max]

• Thuộc tính:

MinimumValue: giá trị nhỏ nhất

MaximumValue: giá trị lớn nhất

Type: xác định kiểu dữ liệu để kiểm tra

(String/Integer/Double/Date/Currency)

Bài 3: Điều khiển kiểm tra dữ liệu

RangeValidator

Minh họaMinh họa

Page 14: Bài 3 - Điều khiển kiểm tra dữ liệu

1414

HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO

HocLapTrinhWeb.COM

-Tek http://www.facebook.com/groups/hoclaptrinhweb/

Nội dungNội dung

1.1. Giới thiệu chungGiới thiệu chung1.1. Giới thiệu chungGiới thiệu chung 2. RequireFieldValidator2. RequireFieldValidator2. RequireFieldValidator2. RequireFieldValidator

4. RangeValidator4. RangeValidator4. RangeValidator4. RangeValidator

5. RegularExpressionValidator5. RegularExpressionValidator5. RegularExpressionValidator5. RegularExpressionValidator 6. CustomValidator6. CustomValidator6. CustomValidator6. CustomValidator

3. CompareValidator3. CompareValidator3. CompareValidator3. CompareValidator

7. ValidationSummary7. ValidationSummary7. ValidationSummary7. ValidationSummary

Page 15: Bài 3 - Điều khiển kiểm tra dữ liệu

1515

HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO

HocLapTrinhWeb.COM

-Tek http://www.facebook.com/groups/hoclaptrinhweb/

• Kiểm tra giá trị của điều khiển phải theo mẫu qui định

• Thuộc tính:

ValidationExpression: qui định mẫu kiểm tra dữ liệu dựa vào các ký hiệu qui định

Bài 3: Điều khiển kiểm tra dữ liệu

RegularExpressionValidator

Minh họaMinh họa

Page 16: Bài 3 - Điều khiển kiểm tra dữ liệu

1616

HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO

HocLapTrinhWeb.COM

-Tek http://www.facebook.com/groups/hoclaptrinhweb/

Nội dungNội dung

1.1. Giới thiệu chungGiới thiệu chung1.1. Giới thiệu chungGiới thiệu chung 2. RequireFieldValidator2. RequireFieldValidator2. RequireFieldValidator2. RequireFieldValidator

4. RangeValidator4. RangeValidator4. RangeValidator4. RangeValidator

5. RegularExpressionValidator5. RegularExpressionValidator5. RegularExpressionValidator5. RegularExpressionValidator 6. CustomValidator6. CustomValidator6. CustomValidator6. CustomValidator

3. CompareValidator3. CompareValidator3. CompareValidator3. CompareValidator

7. ValidationSummary7. ValidationSummary7. ValidationSummary7. ValidationSummary

Page 17: Bài 3 - Điều khiển kiểm tra dữ liệu

1717

HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO

HocLapTrinhWeb.COM

-Tek http://www.facebook.com/groups/hoclaptrinhweb/

• Cho phép người dùng tự viết hàm xử lý kiểm tra lỗi

• Thuộc tính ValidateEmptyText(True/False): có kiểm tra khi giá trị

nhập là rỗng

ClientValidationFunction: tên hàm kiểm tra ở mức client

• Sự kiện ServerValidate: dùng để xử lý kiểm tra dữ liệu ở mức Server

Bài 3: Điều khiển kiểm tra dữ liệu

CustomValidator

Minh họaMinh họa

Page 18: Bài 3 - Điều khiển kiểm tra dữ liệu

1818

HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO

HocLapTrinhWeb.COM

-Tek http://www.facebook.com/groups/hoclaptrinhweb/

Nội dungNội dung

1.1. Giới thiệu chungGiới thiệu chung1.1. Giới thiệu chungGiới thiệu chung 2. RequireFieldValidator2. RequireFieldValidator2. RequireFieldValidator2. RequireFieldValidator

4. RangeValidator4. RangeValidator4. RangeValidator4. RangeValidator

5. RegularExpressionValidator5. RegularExpressionValidator5. RegularExpressionValidator5. RegularExpressionValidator 6. CustomValidator6. CustomValidator6. CustomValidator6. CustomValidator

3. CompareValidator3. CompareValidator3. CompareValidator3. CompareValidator

7. ValidationSummary7. ValidationSummary7. ValidationSummary7. ValidationSummary

Page 19: Bài 3 - Điều khiển kiểm tra dữ liệu

1919

HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO

HocLapTrinhWeb.COM

-Tek http://www.facebook.com/groups/hoclaptrinhweb/

• Dùng để hiển thị bảng lỗi - tất cả các lỗi hiện có trên trang Web (thuộc tính ErrorMessage)

• Thuộc tính

HeaderText: chuỗi văn bản của dòng tiêu đề

ShowMessageBox(True/False): có thể hiện hộp thọai thông báo lỗi trên Browser

Bài 3: Điều khiển kiểm tra dữ liệu

ValidationSummary

Minh họaMinh họa

Page 20: Bài 3 - Điều khiển kiểm tra dữ liệu

2020

HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO

HocLapTrinhWeb.COM

-Tek http://www.facebook.com/groups/hoclaptrinhweb/

HẾTHẾT

Bài 3: Điều khiển kiểm tra dữ liệu