Khi bạn có một biểu mẫu HTML và đang chạy, bạn thường sẽ muốn đảm bảo rằng tất cả các trường quan trọng đều được điền. Ví dụ: nếu bạn định gửi thư xác nhận email, địa chỉ email phải được bao gồm trong các trường biểu mẫu và nó phải là địa chỉ email hoạt động.
Có hai cách để xác thực biểu mẫu của bạn:
- Sử dụng JavaScript
- Sử dụng tập lệnh CGI
Ưu điểm của việc sử dụng JavaScript để xác thực biểu mẫu
- Sử dụng javascript bạn không sử dụng bất kỳ thời gian xử lý máy chủ nào. Tất cả quá trình xử lý được thực hiện trên máy khách.
- Nó thường xuất hiện để làm việc nhanh hơn so với xác nhận CGI.
- Vì trang biểu mẫu không thay đổi, người đọc dễ dàng sửa lỗi.
Nhược điểm của việc sử dụng JavaScript để xác thực biểu mẫu
- JavaScript chỉ hoạt động trên các trình duyệt đã bật JavaScript. Nếu JavaScript bị tắt, kiểm tra lỗi của bạn sẽ không được thực hiện.
Ưu điểm của việc sử dụng CGI để xác thực biểu mẫu
- Sử dụng CGI để xác thực đảm bảo rằng mỗi khi biểu mẫu được gửi, quá trình xác thực sẽ chạy.
Nhược điểm của việc sử dụng CGI để xác thực biểu mẫu
- CGI đặt thêm tải trên máy chủ Web, và mọi chức năng được bao gồm trong CGI là một nhiệm vụ nữa cho máy chủ.
- CGI có thể chạy chậm.
- Nếu có lỗi, khách hàng phải quay trở lại trang đầu tiên của biểu mẫu hoặc CGI cần một hàm khác để viết lại trang biểu mẫu.
Cách tôi xử lý này là để có phần lớn các kiểm tra lỗi được thực hiện với JavaScript. Bằng cách đó, nó là nhanh chóng và dễ dàng cho người đọc.
Sau đó tôi kiểm tra lại các yếu tố quan trọng của biểu mẫu với CGI.
Cách sử dụng JavaScript để xác thực biểu mẫu HTML
Tiền đề cơ bản của việc tạo xác nhận biểu mẫu là tìm kiếm tên của các phần tử biểu mẫu được yêu cầu và nếu chúng trống, hiển thị thông báo lỗi.
Hầu hết các chương trình kiểm tra lỗi kiểm tra từng trường một tại một thời điểm và hiển thị một lỗi tại một thời điểm.
Điều này có thể làm cho biểu mẫu trở nên tẻ nhạt và mọi người có thể dừng ở giữa. Nếu bạn sử dụng tập lệnh sau và nguồn Perl, bạn sẽ biết cách xác thực toàn bộ biểu mẫu cùng lúc, hiển thị một loạt thông báo lỗi mà người đọc của bạn có thể quay lại và sửa chữa.
JavaScript để xác thực biểu mẫu
Trong phần đầu của HTML, bạn nên tạo một tập lệnh để thực hiện xác nhận biểu mẫu:
- Thiết lập tập lệnh và đảm bảo rằng tập lệnh được ẩn khỏi các trình duyệt không thể xử lý JavaScript.