asp:Label> ..." /> Kiểm tra dữ liệu bắc buộc nhập với RequiredFieldValidator - Góc học tập - Khoa Đào Tạo Quốc Tế-Đại học Duy Tân
Góc học tập
16/06/2020 09:59:55 PM

Kiểm tra dữ liệu bắc buộc nhập với RequiredFieldValidator

  • RequiredFieldValidator đây là hình thức xác nhận yêu cầu thông tin của một đối tượng control nào đó phải được nhập – không được phép bỏ trống. Các bạn hãy tham khảo ví dụ sau đây:

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

2.<asp:TextBox ID="txtHoVaTen" runat="server">asp:TextBox>

3.<asp:RequiredFieldValidator ID="RequiredFieldValidator1"  runat="server" ErrorMessage="Yêu cầu phải nhập họ tên"   ControlToValidate="txtHoVaTen">asp:RequiredFieldValidator>

Giải thích ví dụ trên:

Dòng 1: là nội dung của label, ta cần hiển thị chữ Họ và tên để thông báo cho người dùng biết là cần nhập tên đầy đũ của họ.

Dòng 2: là textbox có tên txtHoVaTen dùng để nhập họ tên.

Từ dòng 3 đến cuối là đối tượng RequiredFieldValidator, đối tượng này yêu cầu kiểm tra đối tượng txtHoVaTen có nhập đầy đũ thông tin hay chưa. Nếu nhập chưa đầy đũ thì sẽ thông báo câu thông báo đó là "Yêu cầu phải nhập họ và tên". Dĩ nhiên sự kiện này chỉ sãy ra khi bạn thực hiện một lệnh gửi thông tin về server. Bạn có thể thêm một button để kiểm tra kết quả.

Các bước thực hiện:

Nếu bạn đọc và hiểu được mã lệnh của ASP.NET ở chế độ xem mã (Source) một cách chính xác và khả năng làm việc nhạy bắn với chế độ này thì bạn có thể làm việc trực tiếp với nó. Nếu không bạn có thể làm việc ở chế độ giao diện đồ hoạ (Design) như sau.

  • Lấy các đối tượng cần từ toolbox (Label, TextBox, RequiredFieldValidator)
  • Kích chuột phải vào đối tượng RequiredFieldValidator chọn Properties.
  • Trên cửa sổ properties bạn có một số đối tượng chính để chọn như:
    1.  ControlToValidate: Chọn đối tượng mà ta cần kiểm tra không được phép để trống.
    2.  ForeColor: Chọn màu của thông báo.
    3.  ErrorMessage: Nội dung sẽ thông báo.
    4.  EnableClientScript: Cho phép dừng gửi thông tin tới server hay không, mặc định là phải dừng.
    5.  Display: Được quyền hiển thị hay không, hoặc hiển thị như thế nào. Ta thường để chế độ này mặc định, tuy nhiên trong trường hợp ta muốn tất cả các lỗi nhập của người dùng được hiển thị lên thì ta có thể tắt hiển thị lệnh này. Có 3 giá trị cho thuộc tính Display.
      • None: Không hiển thị lỗi.
      • Static Cho phép hiển thị lỗi nếu có, trong trường hợp không có lỗi thì điều khiển này vẫn chiếm một khoảng trống trên trang hiển thị, điều này làm form không bị nhảy khi lỗi sãy ra.
      • Dynamic Không giữ lại khoảng trống mà nó chiếm giữ khi người dùng nhập đúng. Điều này không có lợi khi lỗi sãy ra làm cấu trúc trang bị nhảy.
    6. ​SetFocusOnError: Cho phép đưa con trỏ đến đối tượng đang bị lỗi hay không, mặc định là không cho phép