Sử dụng các điều khiển validation

Sử dụng điều khiển Validation Sử dụng điều khiển Validation Bởi: Khuyet Danh Ở Chương trước học điều khiển chuẩn NetFrameWork3.5, dùng điều khiển để thao tác với Webserver phía Server-Side, để cập nhật liệu Nhưng có tình đặt điều khiển có đảm bảo cho chũng ta cập nhật liệu không xảy lôi? Ví dụ Form ta có trường nhập số điện thoại người sử dụng lại nhập vào dòng text gây lỗi nhập liệu Với phiên trước ASP.Net asp để khắc phục lỗi phải thực viết mã JavaScript để bắt lỗi việc đó, với ASPNET cung cấp cho ta điều khiển kiểm tra tính hợp lệ điều khiển nhập liệu Form Trong chương bạn học điều khiển học cách mở rộng điều khiển theo ý muốn ví dụ bạn tạo AjaxValidator để kiểm tra nhập liệu phía Client điều khiển Validation netframework3.5: RequiredFieldValidator: Yêu cầu người sử dụng nhập giá trị vào trường định Form RangeValidator: Kiểm tra giá trị nhập vào có nằm khoảng nhỏ lớn định trước hay không CompareValidator: So sánh giá trị nhập có giá trị trường khác Form hay không RegularExpressionValidator: So sánh giá trị nhập với biểu thức quy tắc hòm thư, điện thoại… CustomValidator: Bạn tuỳ chỉnh đối tượng Validator theo ý mính ValidationSummary: cho phép hiển thị tổng hợp tất lỗi trang RequiredFieldValidator Ý nghĩa Với điều khiển bạn yêu cầu người dùng phải nhập giá trị vào trường định Form 1/13 Sử dụng điều khiển Validation Cách sử dụng Đưa điều khiển RequiredFieldValidator từ ToolBox(trong phần Validation) vào Form thêm vào cho thuộc tính ControlToValidate: đến điều khiển kiểm tra Text(hoặc ErrorMessage): Thông báo lỗi kiểm tra Ví dụ Code 1: Trang RequiredValidator.aspx void btnAccept_Click(object sender, EventArgs e) { if (Page.IsValid) { this.lblResult.Text = txtHoten.Text; this.txtHoten.Text = ""; } } Validator Điều khiển CompareValidator Ý nghĩa Bạn sử dụng CompareValidator để Kiểm tra giá trị nhập vào có nằm khoảng nhỏ lớn định trước hay không Cách sử dụng Bạn đưa điều khiển CompareValidator từ hộp ToolBox vào Form thiết lập cho số thuộc tính sau: 2/13 Sử dụng điều khiển Validation • • • • • ControlToValidate: đến điều khiển cần kiểm tra Text(ErrorMessage): Nội dung thông báo lỗi MinimumValue: Giá trị nhỏ thiết lập cho đối tượng MaximumValue: Giá trị lớn thiết lập cho đối tượng Type: Kiểu so sánh, Có thể giá trị Interger,String, Double, Date Currency Ví dụ Code 2: Trang CompareValidator.aspx void btnAccept_Click(object sender,EventArgs e) { if (Page.IsValid) { this.lblThongbao.Text = txtDiem.Text; } } RangeValidator Vào điểm Trong ví dụ ta dùng hai đối tượng Validator kiểm tra giá trị nhập điều khiển txtDiem, điều khiển RequiredFieldDiem dùng đề kiểm tra yêu cầu nhập giá trị cho txtDiem điều khiển RangeDiem yêu cầu nhập giá trị txtDiem phải nằm khoảng từ đến 10 3/13 Sử dụng điều khiển Validation Điều khiển RegularExpressionValidator Ý nghĩa Điều khiển RegularExpressionValidator cho phép bạn so sánh giá trị nhập trường Form với quy tắc định trước bạn sử dụng biểu thức quy tắc để đưa chuỗi mẫu email addresses, Social Security numbers, phone numbers, dates, currency, amounts, and product codes Cách sử dụng Bạn đưa điều khiển RegularExpressValidator vào Form thiết lập cho số thuộc tính sau: • • • • ID: tên điều khiển ControlToValidate: trỏ đến điều khiển cần kiểm tra Text(ErrorMessage): nội dung thông báo có lỗi ValidatorExpression: quy định mẫu nhập liệu hòm thư, số điện thoại… Ví dụ Sau ví dụ việc yêu cầu người sử dụng phải cập nhật địa hòm thư Code 3: trang RegularExpressionValidator.aspx void btnAccept_Click(object sender, EventArgs e) { if (Page.IsValid) { lblThongbao.Text = txtEmail.Text; } } RegularExpressionValidator Email: Điều khiển CompareValidator Ý nghĩa Điều khiển CompareValidator có kiểu khác để kiểm tra giá trị nhập: • Sử dụng để kiểm tra kiểu liệu • Sử dụng để so sánh giá trị nhập với giá trị cố định • Sử dụng để so sánh gia trị nhập với giá trị điều khiển khác Form Cách sử dụng Bạn đưa điều khiển CompareValidator vào Form thiết lập cho số thuộc tính sau: • • • • • ControlToValidate: điểu khiển Form kiểm tra ControlToCompare: Điểu khiển dùng để so sánh giá trị Text(ErrorMessage): hiển thị nội dung thông báo lỗi kho có lỗi Type: Kiểu giá trị so sánh Operator: Toán tử so sánh Có thể giá trị: DataTypeCheck, Equal, GreaterThan, GreaterThanEqual, LessThan, LessThanEqual, NotEqual Ví dụ Ví dụ sau yêu cầu nhập vào ngày sinh, người sử dụng nhập vào không liệu dạng ngày có lỗi thông báo Code 4: Trang CompareValidator.aspx CompareValidator Ví dụ sau hướng đưa trường hợp với Form tạo tài khoản trên Web yêu cầu người đăng ký phải nhập mật lần Code trang CompareValidator.aspx CompareValidator 6/13 Sử dụng điều khiển Validation Điều khiển CustomValidator Ý nghĩa Nếu điều khiển Validator chưa đủ với bạn bạn muốn tạo Validator riêng theo ý mình, bạn dụng điều khiển CustomValidator, bạn kết hợp CustomValidator với hàm Cách sử dụng Ví dụ CustomValidator có thuộc tính hay sử dụng là: • ControlToValidator: điểu khiển Form kiểm tra • Text(ErrorMessage): hiển thị nội dung thông báo lỗi kho có lỗi • ClientValidationFunction: tên hàm client-side để thực kiểm tra client-side CustomValidator hỗ trợ kiện ServerValidate: Sự kiện đưa CustomValidator thực kiểm chứng Ví dụ sau sử dụng kiện ServerValidate để kiểm tra độ dài chuỗi nhập điều khiển TextBox, người nhập, nhập vào chuỗi có độ dài lớn 20 ký tự điều khiển CustomValidator đưa thông báo lỗi Code trang CustomValidator.aspx void CustomValidator1_ServerValidate(object source, ServerValidateEventArgs e) { if (e.Value.Length > 20) e.IsValid = false; else e.IsValid = true; } CustomValidator 20) e.IsValid = false; else e.IsValid = true; } CustomValidator function valComments_ClientValidate(source, args) { if (args.Value.length > 20) args.IsValid = false; else args.IsValid = true; } _maximumLength) return false; else return true; } } } Trong Lớp đoạn mã ta thấy LengthValidator kế thừa từ lớp BaseValidator, lớp ghi đề phương thức EvaluateIsValid Giá trị điều khiển kiểm chứng lấy với phương thức GetControlValidationValue Và độ dài giá trị so sánh với thuộc tính MaximumLength Code 11- Ví dụ sử dụng LengthValidator Use LenghtValidator Chỉ dẫn<%@ Register %>, Với tiền tố TagPrefix="Validator" Chỉ đến Namespace="MyControls" sủ dụng điều khiển giống với điều khiển Validator khác 13/13 [...]... của nó: Tạo các điều khiển kiểm tra tính hợp lệ theo ý mình Trong phần này bạn sẽ học tạo các điều khiển tuỳ biến như thế nào Chúng ta sẽ tạo điều khiển đầu tiên sẽ tạo một điều khiển kiểm tra độ dài của một trường nhập liệu trên Form LengthValidator, Bạn tạo mới một Control Kiểm tra tính hợp lệ bằng cách dẫn xuât từ lớp BaseValidator Lớp BaseValidator là lớp cơ sở cho tất cả các điều khiển Validation, ... trên Form là hợp lệ 11/13 Sử dụng các điều khiển Validation - GetControlValidationValue: Cho phép bạn điền giá trị của điều khiển sẽ được kiểm tra tính hợp lệ Khi bạn tạo một điều khiển kiểm tra tính hợp lệ tuỳ biến, bạn override phương thức EvaluateIsValid() và trong phương thức này bạn gọi GetControlValidationValue để lấy giá trị của trường cần kiểm tra tính hợp lệ Tạo một Điều khiển LengthValidator.. .Sử dụng các điều khiển Validation cầu) ... LenghtValidator