Hướng dẫn Validate form bằng cú pháp PHP và thẻ span

Ngày đăng: 02/05/2019   -    Cập nhật: 13/08/2019
Khi lập trình web, việc kiểm tra dữ liệu (validate) trên các form nhập liệu là rất quan trọng. Quá trình kiểm tra dữ liệu được nhập vào form sẽ đảm bảo dữ liệu được gửi lên server là đúng định dạng.

Có nhiều cách kiểm tra dữ liệu trên form, ta có thể sử dụng JavaScript để kiểm tra dữ liệu được nhập vào form.

Tuy nhiên, việc sử dụng JS cũng có những bất lợi, VD như người dùng có thể tắt tính năng JS tại trình duyệt.

Vì vậy, trong bài này mình sẽ hướng dẫn Validate form bằng PHP (hay còn gọi là server-side validation).


Bước 1: Tạo form PHP để chuẩn bị Validate


Start web server. Mở một trình soạn thảo, tạo mới một trang PHP, sau đó thiết kế một form giao diện như hình bên dưới (có thể thiết kế giao diện khác như ý  muốn).

Tạo form trong file PHP để chuẩn bị Validate

Tạo form trong file PHP để chuẩn bị Validate

Bước 2: Viết mã PHP để kiểm tra dữ liệu trên form


Sau khi đã thiết kế form giao diện xong, hãy viết mã PHP để kiểm tra dữ liệu trên form.

Ta khai báo các biến để chứa dữ liệu của form được submit lên, nếu trường nào trên form thì sẽ báo lỗi ở cạnh trường đó.

Để hiển thị được thông báo lỗi, ta sử dụng các phần tử <span> cạnh trường trên form, mỗi khi trường nào không nhập thì sẽ hiển thị lỗi tại phần tử <span> tương ứng.

 

Ngoài ra, ta có thể hiển thị dữ liệu được nhập vào form lên trang web bằng cách viết mã PHP như sau:

Code PHP hiển thị thông tin mà người dũng đã nhập

Code PHP hiển thị thông tin mà người dũng đã nhập

Bước 3: Thực thi trang web để xem kết quả chương trình validate form bằng PHP


Sau khi đã viết mã xong, hãy thực thi trang web để kiểm tra kết quả. Đầu tiên khi ta nhập dữ liệu với các trường hợp không hợp lệ vào form, ta có thể nhìn thấy những thông báo lỗi được hiển thị trên form như hình bên dưới.

Form hiển thị thông báo nếu người dùng không nhập thông tin gì

Form hiển thị thông báo nếu người dùng không nhập thông tin gì


Sau khi form được hiển thị, nếu người dùng không nhập dữ liệu vào các trường bắt buộc thì trang web sẽ hiển thị lỗi, còn nếu người dùng có nhập đầy đủ dữ liệu thì dữ liệu sẽ được hiển thị lên giao diện của trang.

Thông báo người dùng nhập dữ liệu không hợp lệ

Thông báo người dùng nhập dữ liệu không hợp lệ


Sau khi người dùng đã nhập dữ liệu hợp lệ lên form, ta có thể thấy dữ liệu đã được hiển thị như hình bên dưới.

Chương trình thực thi nếu người dùng nhập dữ liệu hợp lệ

Chương trình thực thi nếu người dùng nhập dữ liệu hợp lệ

Tổng kết


Như vậy là bạn đã biết cách validate form bằng PHP, cũng khá đơn giản phải không?


>>> Tất cả kiến thức và quy trình từng bước từng bước làm web với PHP sẽ được hướng dẫn cụ thể hơn ở Khóa học Lập trình PHP. Đăng ký ngay, học tập bài bản, làm việc chuyên nghiệp.


---
HỌC VIỆN ĐÀO TẠO CNTT NIIT - ICT HÀ NỘI
Dạy học Lập trình chất lượng cao (Since 2002). Học làm Lập trình viên. Hành động ngay!
Đc: Tầng 3, 25T2, N05, Nguyễn Thị Thập, Cầu Giấy, Hà Nội
SĐT: 02435574074 - 0914939543 - 0353655150 
Email: hello@niithanoi.edu.vn
Fanpage: https://facebook.com/NIIT.ICT/
 
#niit #niithanoi niiticthanoi #hoclaptrinh #khoahoclaptrinh #hoclaptrinhjava #hoclaptrinhphp
Bình luận Facebook
Mục lục
Đăng ký tư vấn
Nhân viên gọi điện tư vấn miễn phí sau khi đăng ký
Được cập nhật các ưu đãi sớm nhất
Hotline: 0383180086
Tên không được để trống
Số điện thoại không được để trống
Email không được để trống
Hãy đăng ký để nhận những thông tin mới nhất về học bổng mới nhất tại NIIT - ICT Hà Nội
top
Đóng lại Đăng ký học tại NIIT - ICT Hà Nội
6260+ học viên đã theo học tại NIIT - ICT Hà Nội và có việc làm tốt trong ngành lập trình. Nắm lấy cơ hội ngay hôm nay!
Chọn khóa học
  • KHÓA HỌC LẬP TRÌNH FRONT END VỚI REACT.JS
  • KHÓA HỌC LẬP TRÌNH PHP WEB
  • Khóa học PHP Full stack [2023] cho người mới bắt đầu
  • Khóa học BIG DATA với Hadoop và Spark
  • Khóa học Lập trình Android tại Hà Nội
  • [Tuyển sinh 2023] Lập trình viên Quốc tế DigiNxt
  • Khóa học Tiền lương & Phúc lợi (C&B Excel) tại Hà Nội
  • LẬP TRÌNH GAME
    • Khóa học Lập trình Game Unity
  • LẬP TRÌNH WEB FRONT END
    • KHÓA HỌC PYTHON HƯỚNG ĐỐI TƯỢNG
    • KHÓA HỌC ANGULAR & TYPESCRIPT (FRONT END)
  • LẬP TRÌNH WEB BACK END
    • LẬP TRÌNH JAVA WEB VỚI FRAME WORK
    • Lập trình Web với Django
    • Lập trình PHP với Laravel Framework
  • CHƯƠNG TRÌNH ĐÀO TẠO ỨNG DỤNG CÔNG NGHỆ
    • Khóa học Tiền lương & Phúc lợi (C&B Excel) tại TP HCM
  • LẬP TRÌNH WEB FULL STACK
    • Khóa học Java Full stack (IJFD)
  • LẬP TRÌNH MOBILE
    • FRONT-END VỚI REACTJS VÀ REACT NATIVE
    • Lập trình Android Nâng cao
  • ĐÀO TẠO CHO DOANH NGHIỆP
    • KHÓA HỌC BUSINESS ANALYSIC TỪ CƠ BẢN ĐẾN NÂNG CAO 2023
    • Khóa học Magento: Làm chủ CMS TMĐT lớn nhất
    • Khóa học IOT: Xây dựng Sản phẩm IOT với Raspberry Pi
    • Khóa học Automation Testing Chuyên nghiệp
  • KHÓA HỌC DỰ ÁN
    • Học sử dụng bộ Office: Word, Excel, Power Point, Mail chuyên nghiệp
  • KHÓA HỌC KHÁC
    • VBA Excel Toàn Tập (Cơ Bản - Nâng Cao)
    • VBA Excel Nâng cao
    • Khóa học JMeter: Performance Testing
    • Khóa học Tester đạt chuẩn Quốc tế ISTQB Foundation Level
    • Khoá Học Tester đạt chuẩn quốc tế ISTQB Advanced Level
Bạn chưa chọn khóa học cần đăng ký
Tên không được để trống
Số điện thoại không được để trống
Email không được để trống
Đăng ký học thành công!
Cảm ơn bạn đã đăng ký học tại NIIT - ICT HÀ NỘI!