Tải bản đầy đủ (.doc) (3 trang)

Bài tập - Tài liệu học tập BT05_JS

Bạn đang xem bản rút gọn của tài liệu. Xem và tải ngay bản đầy đủ của tài liệu tại đây (111.66 KB, 3 trang )

BÀI TẬP THỰC HÀNH 05
JAVASCRIPT
(SV có thể tham khảo bài làm mẫu tại địa chỉ: mục Bài tập)

Bài 1:
Tạo tập tin bai1.htm, thiết kế form như mẫu



Yêu cầu:
 Kiểm tra một chuỗi nhập vào có đúng định dạng email hay không.



Một số thuộc tính và phương thức của đối tượng String:
 length: độ dài chuỗi.
 indexOf(ký_tự): trả về vị trí của ký tự.
 lastIndexOf(ký_tự): trả về vị trí lần xuất hiện sau cùng của ký tự.



Lưu ý chuỗi email phải thỏa các yêu cầu:
 Phải có dấu @ và không được đặt đầu chuỗi.
 Phải có ít nhất một dấu . (dấu chấm) và cách dấu @ ít nhất một ký tự.
 Dấu . không đặt ở cuối chuỗi.
 Trong chuỗi không có khoảng trắng.

Bài 2:
Tạo tập tin bai2.htm, thiết kế form như mẫu:




Yêu cầu:
 Kiểm tra số kg bắt buộc nhập, phải là số.
 Viết hàm tính tiền: Tổng tiền = (giá giặt + giá hấp + giá ủi) * số kg.

Bài 3: Sử dụng tập tin bai3.htm cho sẵn:

1




Yêu cầu:
 Viết hàm tính số câu đúng khi click nút Kết quả.



Hướng dẫn: Duyệt các phần tử thuộc loại radio, nếu phần tử được checked và có
giá trị đúng thì tăng số câu đúng lên 1.

Bài 4:
Sử dụng tập tin bai4.htm cho sẵn:



Yêu cầu: Dùng javascript để kiểm tra
 Họ tên bắt buộc nhập.
 Chọn năm sinh: ứng viên phải >=16 tuổi (so với năm hiện hành).
 Mức lương phải là số (nếu có).
 Phải chọn ít nhất một hình thức làm việc.

 Khi click nút Gửi, mở cửa sổ mới và hiển thị các thông tin người dùng nhập trên
form:
2


Cảm ơn! Bên dưới là thông tin đăng ký của bạn:
Họ tên: <Họ tên>
Năm sinh: <Năm sinh>
Giới tính: <Giới tính>
Mức lương đề nghị: <Mức lương đề nghị>
Hình thức làm việc: <Hình thức làm việc>
Thông tin bổ sung: <Thông tin khác>
Bài 5:
Sử dụng tập tin bai5.htm cho sẵn:



Yêu cầu: Dùng javascript để kiểm tra
 Email nhập vào phải hợp lệ.
 Điện thoại phải là số, độ dài từ 10 đến 11.
 Các trường có dấu * không được bỏ trống.
 Khi click nút Đăng ký, mở cửa sổ mới và hiển thị các thông tin người dùng nhập
trên form:

Cảm ơn bạn <Họ tên> đã tham gia chương trình!
Email: <Email>
Điện thoại: <Điện thoại>
Địa chỉ: <Địa chỉ>
Chúng tôi sẽ gởi mẫu thử đến địa chỉ trên trong thời gian sớm nhất.


3



×