BẮT LỖI FORM ĐĂNG KÝ BẰNG JAVASCRIPT

Khi các bạn ghé thăm một website nào đó, bạn cũng có thể thường xuyên phát hiện các size (biểu mẫu) ví dụ như như những form đăng ký, đăng nhập tài khoản, những form lấy chủ kiến khách hàng, ... Các thông tin mà người tiêu dùng nhập vào form cần được được xác xắn (validate) để bảo vệ sự hợp lý và phải chăng của dữ liệu.Một vài ví dụ về validate form chúng ta cũng có thể thường chạm chán bao gồm:Kiểm tra đảm bảo an toàn dữ liệu không được nhằm trống.Kiểm tra định dạng email, số năng lượng điện thoạiYêu cầu lúc để mật khẩu (độ dài, những ký tự phải có, ...)Zip code, quốc gia, ngày tháng, ......Vậy trên thực tế người ta thực hiện validate khung khi nào?Dữ liệu của form sẽ tiến hành gửi cho tới server, và câu hỏi validate sẽ được triển khai tại phía thứ chủ.Dữ liệu của form sẽ được xác thực tại client trước khi gửi cho tới server bằng cách sử dụng Javascript, điều này giúp hệ thống không phải làm việc quá nhiều, cùng tăng hiệu năng mang lại ứng dụng.Sử dụng phối hợp cả 2 cách tiến hành trên để validate.OK, hiện giờ chúng ta cùng đi vào một trong những ví dụ cầm thểgiao diện đăng ký formỞ trên mình gồm giao diện một form đăng ký cơ bạn dạng với các trường dữ liệu : Họ tên, Số điện thoại, Email cùng một nút Đăng kýGiao diện phần này các chúng ta cũng có thể tham khảo tại phía trên : https://github.com/buihien0109/js-validate-basicĐối với form bên trên, bạn có thể liệt kê ra một trong những trường hợp đề xuất validate như:Họ tên ko được nhằm trốngSố điện thoại không được để trốngEmail ko được để trốngSố điện thoại thông minh không đúng định dạngEmail sai định dạngNếu có trường hợp nào trong các trường hợp trên xảy ra, bọn họ sẽ thông tin 1 message text ngay bên dưới ô input đầu vào để người tiêu dùng dễ nhận thấy và sửa đổi lại nội dung cho phù hợpCòn ngôi trường hợp tất cả các ô dữ liệu đều thỏa mãn điều kiện validate, lúc này chúng ta sẽ thông tin ra message với nội dung "Đăng cam kết thành công"Bắt đầu thôi nào