JS 25 – Form Validation trong JavaScript

0
133

Xin chào các bạn, trong bài học ngày hôm nay mình sẽ hướng dẫn các bạn cách Validate form (hay còn gọi là xác thực form) với JavaScript.

Các form được sử dụng trong các trang web để người dùng nhập các thông tin yêu cầu của họ rồi gửi cho máy chủ để xử lý. Một form hay còn được gọi là web form hoặc HTML form. Ví dụ về việc sử dụng các form phổ biến trong các trang web thương mại điện tử, ngân hàng trực tuyến, khảo sát trực tuyến:

Cú pháp cho một form với HTML:

Xác thực một form:

Dữ liệu được nhập vào form cần phải ở định các dạng phù hợp và một số trường nhất định cần được điền vào form để form có thể được gửi đi. Tên người dùng, mật khẩu, thông tin liên hệ là một số thông tin bắt buộc trong biểu mẫu và do đó người dùng phải cung cấp.

Dưới đây là một đoạn code trong HTML, CSSJavaScript để xác thực form:
– HTML được sử dụng để tạo biểu mẫu.
– JavaScript để xác thực biểu mẫu.
– CSS để thiết kế bố cục của biểu mẫu.

Tạo kiểu dáng cho form:

kết quả:

Kết luận

Như vậy trong bài học ngày hôm nay mình đã hướng dẫn các bạn cách Xác thực một form bằng JavaScript. Trong bài học tiếp theo chúng ta sẽ cùng nhau tìm hiểu về focus/blur trong JavaScript.

Chúc các bạn học tập tốt!

BÌNH LUẬN

Vui lòng nhập bình luận của bạn
Vui lòng nhập tên của bạn ở đây