Đề bài: Bài tập tại lớp

Buổi 12: Xử lý biểu mẫu bằng JavaScript (buổi hoàn thiện sản phẩm)

Sản phẩm: Trang giới thiệu học phần, hoàn thiện thành website tương tác đầy đủ

Yêu cầu

  1. Gắn xử lý JavaScript cho form "Đăng ký tham gia học phần" đã thiết kế ở buổi 5: bắt sự kiện submit, chặn tải lại trang, đọc toàn bộ giá trị các trường.
  2. Kiểm tra tính hợp lệ của dữ liệu trước khi xử lý: trường bắt buộc không được rỗng, email đúng định dạng, số liệu nằm trong khoảng cho phép, hiển thị thông báo lỗi ngay cạnh trường bị sai.
  3. Sau khi hợp lệ, thêm bản ghi đăng ký vào mảng danh sách người đăng ký và hiển thị lại danh sách bằng hàm render đã viết ở buổi 10 và 11.
  4. Hiển thị bảng thống kê người đăng ký, dùng switch của buổi 9 để phân loại theo một tiêu chí của người đăng ký.
  5. Sau khi gửi thành công thì xóa trắng form và hiển thị thông báo cảm ơn kèm thông tin vừa nhập.
  6. Gắn xử lý tương tự cho form liên hệ ở trang liên hệ.
  7. Rà soát toàn bộ dự án: mã JavaScript tổ chức thành các hàm rõ nghĩa, giao diện thống nhất, mọi liên kết và tương tác hoạt động đúng.

Tiêu chí đánh giá

Đây là sản phẩm tổng kết mạch bài tập tại lớp cả khóa. Đánh giá trên toàn bộ website gồm cấu trúc HTML chuẩn, CSS nhất quán, bố cục ổn định, form đầy đủ và có xử lý, mã JavaScript tổ chức tốt.

Minh hoạ giao diện đáp án

Ảnh chụp minh hoạ giao diện đáp án của bài tập tại lớp: trang giới thiệu học phần hoàn chỉnh