– Có 2 cách để xác thực biểu mẫu. Đầu tiên là sử dụng Javascript, còn được gọi là xác thực phía máy khách và thứ hai là sử dụng PHP, còn được gọi là xác thực phía máy chủ. Trong hướng dẫn này, chúng tôi sẽ đề cập đến các xác thực phía máy chủ bằng cách sử dụng các hàm PHP
Xác thực biểu mẫu PHP phổ biến
1. Chuỗi rỗng. Đoạn mã sau sẽ kiểm tra xem trường đầu vào không được để trống trong khi gửi biểu mẫu. Nếu người dùng để trống bất kỳ trường bắt buộc nào, trong ví dụ này là Tên, mã này sẽ tạo ra thông báo lỗi. Đây là xác thực biểu mẫu PHP phổ biến nhất
if [empty [$_POST["name"]]]{
$errorMessage = "Name field can not be left blank. Please enter your name.";
echo $errorMessage;
} else{
$name = $_POST["name"];
}2. Xác thực chuỗi. Đoạn mã sau kiểm tra xem trường đầu vào chỉ chứa bảng chữ cái và khoảng trắng. Vì vậy, nếu trường nhập Tên không nhận được đầu vào hợp lệ từ người dùng, thì đoạn mã bên dưới sẽ tạo thông báo lỗi như hình bên dưới
$name = $_POST ["name"];
if [!preg_match ["/^[a-zA-z]*$/", $name] ]{
$errorMessage = "Only Alphabets and Whitespaces are allowed in Name field.";
echo $errorMessage;
} else{
echo $name;
}3. Xác thực số. Đoạn mã sau xác nhận rằng trường sẽ chỉ chứa một giá trị số. Nếu số điện thoại di động không nhận được dữ liệu số từ người dùng, làm đầu vào thì đoạn mã sau sẽ tạo thông báo lỗi như hình bên dưới
$mobilenumber = $_POST ["mobile_number"];
if [!preg_match ["/^[0-9]*$/", $mobilenumber] ]{
$errorMessage = "Only numeric value is allowed in Mobile number field.";
echo $errorMessage;
} else{
echo $mobilenumber;
}4. Xác thực thư điện tử. Email hợp lệ phải chứa @ &. biểu tượng. PHP cung cấp nhiều phương thức khác nhau để xác thực các trường nhập email. Chúng tôi có thể sử dụng các biểu thức chính quy để xác thực địa chỉ email như hình bên dưới
$email = $_POST ["email_address"];
$email_valid_pattern = "^[_a-z0-9-]+[\.[_a-z0-9-]+]*@[a-z0-9-]+[\.[a-z0-9-]+]*[\.[a-z]{2,3}]$^";
if [!preg_match [$email_valid_pattern, $email] ]{
$errorMessage = "Entered email address is invalid.";
echo $errorMessage;
} else{
echo "Your valid email address is: " .$email;
}Chúng tôi thậm chí có thể sử dụng tính năng sẵn có của PHP để xác thực email. FILTER_VALIDATE_EMAIL như bên dưới
$email = $_POST ["email_address"];
if [!filter_var[$email, FILTER_VALIDATE_EMAIL]] {
$errorMessage = "Entered email address is invalid.";
echo $errorMessage;
} else{
echo "Your valid email address is: " .$email;
}Cả hai phương thức này đều được sử dụng phổ biến trong xác thực biểu mẫu PHP, bạn có thể sử dụng bất kỳ phương thức nào trong số này.
5. Xác thực độ dài trường đầu vào. Đoạn mã sau xác thực rằng trường di động sẽ có chính xác 10 chữ số. Nếu giá trị số điện thoại đã nhập bao gồm ít hơn hoặc nhiều hơn 10 chữ số thì đoạn mã sau sẽ tạo thông báo lỗi như hình bên dưới.
$mobilenumber = strlen [$_POST ["mobile_number"]];
$length = strlen [$mobilenumber];
if [ $length < 10 && $length > 10]{
$errorMessage = "Mobile must have 10 digits.";
echo $errorMessage;
} else{
echo "Your Mobile number is: " .$mobilenumber;
}6. Xác thực URL. Đoạn mã sau xác thực rằng URL trang web hợp lệ. Nếu URL không hợp lệ sẽ sinh ra thông báo lỗi như hình bên dưới
$website_url = $_POST["website"];
$url_valid_pattern = "/\b[?:[?:https?|ftp]:\/\/|www\.][-a-z0-9+&@#\/%?=~_|!:,.;]*[-a-z0-9+&@#\/%=~_|]/i";
if [!preg_match[$url_valid_pattern,$website_url]]{
$errorMessage = "Entered website URL is invalid.";
echo $errorMessage;
} else {
echo "Entered website URL is: " .$websiteURL;
}7. Nhấp vào nút Xác thực. Đoạn mã sau xác thực rằng người dùng nhấp vào nút gửi và gửi dữ liệu biểu mẫu đến máy chủ bằng một trong các phương thức sau – GET hoặc POST
Bạn sẽ thấy cách xác thực các trường khác nhau được sử dụng chung, như văn bản, danh sách, hộp kiểm, nút radio và chúng tôi cũng sẽ xem cách giữ lại dữ liệu POST để sau khi người dùng gửi biểu mẫu, ngay cả khi dữ liệu được cung cấp không hợp lệ,
Bản thử trực tiếp
Sau đây là bản demo trực tiếp của biểu mẫu PHP mà chúng tôi sẽ tạo vào cuối hướng dẫn này
trình bày bằng hình ảnh
Hình ảnh sau đây cho thấy những gì chúng ta cần làm trong khi xác thực biểu mẫu
Tệp HTML cơ sở
Form validation with parsely.js
h1 {margin-bottom:20px}
input, label {margin-top:7px; margin-bottom:7px; color:#000066; font-size: 18px; padding-right: 7px}
input[type='checkbox'] {margin-left: 5px}
.note {color: #ff0000}
.success_msg{color:#006600}
Travel reservation form
* denotes mandotory
Chủ Đề