Xử lý lỗi biểu mẫu PHP

1. And what about multiple file upload ? - If there is an UPLOAD_ERR_INI_SIZE error with multiple files - we can`t detect it normaly ? ...because that we have an array, but this error returns null and can`t use foreach. So, by having a multiple upload, we can`t normaly inform user about that. we can just detect, that sizeof($_FILES["file"]["error"]) == 0 , but we can`t actualy return an error code. The max_file_size also is not an exit, becouse it refers on each file seperatly, but upload_max_filesize directive in php.ini refers to all files together. So, for example, if upload_max_filesize=8Mb , max_file_size = 7Mb and one of my files is 6.5Mb and other is 5Mb, it exeeds the upload_max_filesize - cant return an error, becouse we don`t know where to get that error.
Unfortunately we cannot get the file sizes on client side, even AJAX normaly can`t do that.

2. If in file field we paste something, like, D:\whatever , then there also isn`t an error to return in spite of that no such file at all.

Trong bài viết này, chúng ta sẽ xây dựng và xác thực một biểu mẫu web nhỏ bằng HTML và PHP. Biểu mẫu được tạo bằng HTML và việc xác thực cũng như xử lý nội dung của biểu mẫu được thực hiện bằng PHP. Mục tiêu của bài viết này là hướng dẫn bạn một số thành phần biểu mẫu HTML cơ bản và cách bạn có thể truy cập dữ liệu của chúng trong tập lệnh PHP của mình

Biểu mẫu chúng tôi sẽ tạo có chứa một số đầu vào. trường văn bản, nút radio, danh sách chọn nhiều tùy chọn, hộp kiểm và nút gửi. Các đầu vào này sẽ được xác thực để đảm bảo rằng người dùng đã cung cấp một giá trị cho từng đầu vào

Nếu một hoặc nhiều trường trống, biểu mẫu sẽ được hiển thị lại. Tuy nhiên, lần này, các trường trống sẽ có chuỗi lỗi “Thiếu” bên cạnh chúng. Nếu không có trường nào trống, các giá trị được cung cấp sẽ được hiển thị theo cách đơn giản

Bạn có thể tìm mã cho bài viết này trên GitHub

Xử lý lỗi biểu mẫu PHP

Biểu mẫu HTML

Xử lý lỗi biểu mẫu PHP

Hãy tạo biểu mẫu HTML. Mục đích của biểu mẫu là để công ty hư cấu “Thế giới trái cây” tiến hành khảo sát khách hàng về trái cây của họ. Biểu mẫu nắm bắt ba điều

  • Thông tin chi tiết của người dùng (tên, địa chỉ và địa chỉ email)
  • Sở thích tiêu thụ trái cây của người dùng (số lượng trái cây họ ăn mỗi ngày và loại trái cây yêu thích của họ)
  • Nếu người dùng muốn có một tài liệu quảng cáo miễn phí

Trường văn bản

Các trường tên, địa chỉ và email sẽ được mã hóa bằng các phần tử

<label>
  <input type="radio" name="howMany" value="zero"> 0
label>
<label>
  <input type="radio" name="howMany" value="one"> 1
label>
<label>
  <input type="radio" name="howMany" value="two"> 2
label>
<label>
  <input type="radio" name="howMany" value="twoplus"> More than 2
label>
3 và
<label>
  <input type="radio" name="howMany" value="zero"> 0
label>
<label>
  <input type="radio" name="howMany" value="one"> 1
label>
<label>
  <input type="radio" name="howMany" value="two"> 2
label>
<label>
  <input type="radio" name="howMany" value="twoplus"> More than 2
label>
4 như thế này

<label for="name">Namelabel>
  <div>
    <input type="text" name="name" id="name" value="">
  div>

<label for="address">Addresslabel>
  <div>
    <input type="text" name="address" id="address" value="">
  div>

<label for="email">Emaillabel>
  <div>
    <input type="text" name="email" id="email" value="">
  div>

Các phần tử đầu vào HTML có một số thuộc tính. Đặt

<label>
  <input type="radio" name="howMany" value="zero"> 0
label>
<label>
  <input type="radio" name="howMany" value="one"> 1
label>
<label>
  <input type="radio" name="howMany" value="two"> 2
label>
<label>
  <input type="radio" name="howMany" value="twoplus"> More than 2
label>
5 thành
<label>
  <input type="radio" name="howMany" value="zero"> 0
label>
<label>
  <input type="radio" name="howMany" value="one"> 1
label>
<label>
  <input type="radio" name="howMany" value="two"> 2
label>
<label>
  <input type="radio" name="howMany" value="twoplus"> More than 2
label>
6 xác định chúng là các trường nhập một dòng chấp nhận văn bản. Thuộc tính
<label>
  <input type="radio" name="howMany" value="zero"> 0
label>
<label>
  <input type="radio" name="howMany" value="one"> 1
label>
<label>
  <input type="radio" name="howMany" value="two"> 2
label>
<label>
  <input type="radio" name="howMany" value="twoplus"> More than 2
label>
7 được sử dụng để chỉ định tên trường và được sử dụng để truy cập phần tử trong quá trình xử lý PHP. Thuộc tính ID liên kết đầu vào với nhãn được liên kết của nó (thông qua thuộc tính
<label>
  <input type="radio" name="howMany" value="zero"> 0
label>
<label>
  <input type="radio" name="howMany" value="one"> 1
label>
<label>
  <input type="radio" name="howMany" value="two"> 2
label>
<label>
  <input type="radio" name="howMany" value="twoplus"> More than 2
label>
8 của nhãn), điều này làm cho biểu mẫu dễ truy cập hơn

Nút radio

Nút radio lưu lượng trái cây người dùng ăn mỗi ngày

<label>
  <input type="radio" name="howMany" value="zero"> 0
label>
<label>
  <input type="radio" name="howMany" value="one"> 1
label>
<label>
  <input type="radio" name="howMany" value="two"> 2
label>
<label>
  <input type="radio" name="howMany" value="twoplus"> More than 2
label>

Đặt

<label>
  <input type="radio" name="howMany" value="zero"> 0
label>
<label>
  <input type="radio" name="howMany" value="one"> 1
label>
<label>
  <input type="radio" name="howMany" value="two"> 2
label>
<label>
  <input type="radio" name="howMany" value="twoplus"> More than 2
label>
5 thành
<label for="favoriteFruit">My favorite fruitlabel>
<div>
  <select name="favoriteFruit[]" id="favoriteFruit" size="4" multiple="">
    <option value="apple">Appleoption>
    <option value="banana">Bananaoption>
    <option value="plum">Plumoption>
    <option value="pomegranate">Pomegranateoption>
    <option value="strawberry">Strawberryoption>
    <option value="watermelon">Watermelonoption>
  select>
div>
0 hiển thị đầu vào dưới dạng nút radio. Lưu ý cách mỗi nút được gán cùng một tên. Điều này coi các nút radio là một nhóm, cho phép người dùng chọn 0, 1 hoặc 2. Thuộc tính
<label for="favoriteFruit">My favorite fruitlabel>
<div>
  <select name="favoriteFruit[]" id="favoriteFruit" size="4" multiple="">
    <option value="apple">Appleoption>
    <option value="banana">Bananaoption>
    <option value="plum">Plumoption>
    <option value="pomegranate">Pomegranateoption>
    <option value="strawberry">Strawberryoption>
    <option value="watermelon">Watermelonoption>
  select>
div>
1 khác nhau cho mỗi nút để cung cấp các giá trị khác nhau mà người dùng có thể chọn. Bởi vì các đầu vào được bao bọc trong các nhãn ở đây, các thuộc tính
<label>
  <input type="radio" name="howMany" value="zero"> 0
label>
<label>
  <input type="radio" name="howMany" value="one"> 1
label>
<label>
  <input type="radio" name="howMany" value="two"> 2
label>
<label>
  <input type="radio" name="howMany" value="twoplus"> More than 2
label>
8 và
<label for="favoriteFruit">My favorite fruitlabel>
<div>
  <select name="favoriteFruit[]" id="favoriteFruit" size="4" multiple="">
    <option value="apple">Appleoption>
    <option value="banana">Bananaoption>
    <option value="plum">Plumoption>
    <option value="pomegranate">Pomegranateoption>
    <option value="strawberry">Strawberryoption>
    <option value="watermelon">Watermelonoption>
  select>
div>
3 không cần thiết

Chọn danh sách

Phần tử select lưu trữ lựa chọn trái cây yêu thích của người dùng

<label for="favoriteFruit">My favorite fruitlabel>
<div>
  <select name="favoriteFruit[]" id="favoriteFruit" size="4" multiple="">
    <option value="apple">Appleoption>
    <option value="banana">Bananaoption>
    <option value="plum">Plumoption>
    <option value="pomegranate">Pomegranateoption>
    <option value="strawberry">Strawberryoption>
    <option value="watermelon">Watermelonoption>
  select>
div>

Thuộc tính

<label>
  <input type="radio" name="howMany" value="zero"> 0
label>
<label>
  <input type="radio" name="howMany" value="one"> 1
label>
<label>
  <input type="radio" name="howMany" value="two"> 2
label>
<label>
  <input type="radio" name="howMany" value="twoplus"> More than 2
label>
7 là một mảng (được xác định bởi dấu ngoặc vuông sau tên) vì cho phép có nhiều lựa chọn (do sự hiện diện của thuộc tính
<label for="favoriteFruit">My favorite fruitlabel>
<div>
  <select name="favoriteFruit[]" id="favoriteFruit" size="4" multiple="">
    <option value="apple">Appleoption>
    <option value="banana">Bananaoption>
    <option value="plum">Plumoption>
    <option value="pomegranate">Pomegranateoption>
    <option value="strawberry">Strawberryoption>
    <option value="watermelon">Watermelonoption>
  select>
div>
5). Nếu không có thuộc tính
<label for="favoriteFruit">My favorite fruitlabel>
<div>
  <select name="favoriteFruit[]" id="favoriteFruit" size="4" multiple="">
    <option value="apple">Appleoption>
    <option value="banana">Bananaoption>
    <option value="plum">Plumoption>
    <option value="pomegranate">Pomegranateoption>
    <option value="strawberry">Strawberryoption>
    <option value="watermelon">Watermelonoption>
  select>
div>
5 thì chỉ có thể chọn một tùy chọn

Thuộc tính

<label for="favoriteFruit">My favorite fruitlabel>
<div>
  <select name="favoriteFruit[]" id="favoriteFruit" size="4" multiple="">
    <option value="apple">Appleoption>
    <option value="banana">Bananaoption>
    <option value="plum">Plumoption>
    <option value="pomegranate">Pomegranateoption>
    <option value="strawberry">Strawberryoption>
    <option value="watermelon">Watermelonoption>
  select>
div>
1 cho mỗi thành phần tùy chọn là giá trị sẽ được gửi tới máy chủ và văn bản giữa thẻ mở và đóng thẻ
<label for="favoriteFruit">My favorite fruitlabel>
<div>
  <select name="favoriteFruit[]" id="favoriteFruit" size="4" multiple="">
    <option value="apple">Appleoption>
    <option value="banana">Bananaoption>
    <option value="plum">Plumoption>
    <option value="pomegranate">Pomegranateoption>
    <option value="strawberry">Strawberryoption>
    <option value="watermelon">Watermelonoption>
  select>
div>
8 là giá trị mà người dùng sẽ thấy trong menu chọn. Mỗi phần tử
<label for="favoriteFruit">My favorite fruitlabel>
<div>
  <select name="favoriteFruit[]" id="favoriteFruit" size="4" multiple="">
    <option value="apple">Appleoption>
    <option value="banana">Bananaoption>
    <option value="plum">Plumoption>
    <option value="pomegranate">Pomegranateoption>
    <option value="strawberry">Strawberryoption>
    <option value="watermelon">Watermelonoption>
  select>
div>
8 phải có một giá trị riêng biệt

hộp kiểm

<label for="brochure">Would you like a brochure?label>
<div>
  <input type="checkbox" name="brochure" id="brochure" value="Yes">
div>

Một phần tử hộp kiểm được sử dụng để cho phép người dùng chọn xem họ có muốn một tài liệu quảng cáo hay không. Giá trị của nó sẽ được đặt thành “Có” nếu hộp được chọn. Nếu không, nó sẽ được đặt thành “Không” một cách hiệu quả

nút gửi

<div>
  <input type="submit" name="submit" value="Submit">
div>

Cuối cùng nhưng không kém phần quan trọng là nút Gửi. Giá trị của phần tử

<label for="favoriteFruit">My favorite fruitlabel>
<div>
  <select name="favoriteFruit[]" id="favoriteFruit" size="4" multiple="">
    <option value="apple">Appleoption>
    <option value="banana">Bananaoption>
    <option value="plum">Plumoption>
    <option value="pomegranate">Pomegranateoption>
    <option value="strawberry">Strawberryoption>
    <option value="watermelon">Watermelonoption>
  select>
div>
1 của nó được hiển thị dưới dạng văn bản của nút. Nhấp vào nó gửi biểu mẫu

Phần tử biểu mẫu

<form method="POST" 
  action=""PHP_SELF"]);?>">

Tiếp theo là phần tử

<label for="brochure">Would you like a brochure?label>
<div>
  <input type="checkbox" name="brochure" id="brochure" value="Yes">
div>
1. Mặc dù biểu mẫu HTML hỗ trợ một số thuộc tính nhưng chỉ cần đặt hai thuộc tính.
<label for="brochure">Would you like a brochure?label>
<div>
  <input type="checkbox" name="brochure" id="brochure" value="Yes">
div>
2 và
<label for="brochure">Would you like a brochure?label>
<div>
  <input type="checkbox" name="brochure" id="brochure" value="Yes">
div>
3.
<label for="brochure">Would you like a brochure?label>
<div>
  <input type="checkbox" name="brochure" id="brochure" value="Yes">
div>
3 xác định cách gửi nội dung của biểu mẫu.
<label for="brochure">Would you like a brochure?label>
<div>
  <input type="checkbox" name="brochure" id="brochure" value="Yes">
div>
2 xác định nơi nội dung biểu mẫu được gửi khi biểu mẫu được gửi

Đặt

<label for="brochure">Would you like a brochure?label>
<div>
  <input type="checkbox" name="brochure" id="brochure" value="Yes">
div>
2 thành
<label for="brochure">Would you like a brochure?label>
<div>
  <input type="checkbox" name="brochure" id="brochure" value="Yes">
div>
7 có nghĩa là nội dung của biểu mẫu được gửi như một phần của nội dung yêu cầu HTTP. Các giá trị có thể truy xuất được trong PHP thông qua siêu toàn cầu
<label for="brochure">Would you like a brochure?label>
<div>
  <input type="checkbox" name="brochure" id="brochure" value="Yes">
div>
8. Thay thế cho
<label for="brochure">Would you like a brochure?label>
<div>
  <input type="checkbox" name="brochure" id="brochure" value="Yes">
div>
7 là
<div>
  <input type="submit" name="submit" value="Submit">
div>
0, chuyển các giá trị của biểu mẫu như một phần của URL. Các giá trị được gửi bằng GET có thể truy xuất được bằng PHP thông qua siêu toàn cầu
<div>
  <input type="submit" name="submit" value="Submit">
div>
1

Sự khác biệt chính giữa các phương pháp

<label for="brochure">Would you like a brochure?label>
<div>
  <input type="checkbox" name="brochure" id="brochure" value="Yes">
div>
7 và
<div>
  <input type="submit" name="submit" value="Submit">
div>
0 là khả năng hiển thị. Có rất nhiều bài viết trên Web về việc lựa chọn giữa chúng, nhưng lời khuyên của tôi là hãy sử dụng POST khi sử dụng các biểu mẫu, trừ khi bạn có lý do chính đáng để chuyển dữ liệu người dùng vào một URL có thể xem được

Trong ví dụ trên,

<label for="brochure">Would you like a brochure?label>
<div>
  <input type="checkbox" name="brochure" id="brochure" value="Yes">
div>
2 được đặt thành kết quả của việc chuyển giá trị của
<div>
  <input type="submit" name="submit" value="Submit">
div>
5, là tên của tập lệnh hiện tại đang được thực thi, cho phương thức
<div>
  <input type="submit" name="submit" value="Submit">
div>
6 của PHP. Phương pháp này được sử dụng để chuyển đổi các ký tự HTML cụ thể thành tên thực thể HTML của chúng. ví dụ:
<div>
  <input type="submit" name="submit" value="Submit">
div>
7 sẽ được chuyển đổi thành
<div>
  <input type="submit" name="submit" value="Submit">
div>
8

Điều này làm hai điều

  1. Nó ngăn biểu mẫu bị hỏng, nếu người dùng gửi đánh dấu HTML
  2. Nó là một phương tiện bảo vệ chống lại các cuộc tấn công XSS (Cross-Site Scripting), mà những kẻ tấn công sẽ sử dụng để cố gắng khai thác các lỗ hổng trong các ứng dụng web. Để tìm hiểu về các lỗ hổng phổ biến khác, hãy xem Top 10 của OWASP

Ghi chú. trong một ứng dụng thực tế, bạn có thể sẽ sử dụng nhiều hơn

<div>
  <input type="submit" name="submit" value="Submit">
div>
9 để làm sạch đầu vào của biểu mẫu, chẳng hạn như thư viện của bên thứ ba như laminas-filter

Sử dụng

<div>
  <input type="submit" name="submit" value="Submit">
div>
5 tốt hơn là chỉ cần mã hóa cứng một vị trí nếu bạn muốn biểu mẫu của mình đăng lại cùng một tập lệnh đã tạo ra nó, vì bạn sẽ không phải cập nhật mã nếu bạn thay đổi tên của tập lệnh

Ngay trước khi chúng ta kết thúc thảo luận về biểu mẫu, đây là ba điều cần nhớ khi làm việc với biểu mẫu HTML

  • Tất cả các điều khiển biểu mẫu phải được đặt trong các thẻ
    <label for="brochure">Would you like a brochure?label>
    <div>
      <input type="checkbox" name="brochure" id="brochure" value="Yes">
    div>
    
    1
  • Việc căn chỉnh các điều khiển văn bản và biểu mẫu có thể đạt được theo nhiều cách. CSS là tùy chọn ưu tiên cho việc này, đặc biệt là với tất cả các công cụ bố cục mới hiện có, bao gồm Flexbox và Grid. (Vui lòng không sử dụng bảng để bố trí, vì các phần tử biểu mẫu không phải là dữ liệu dạng bảng. )
  • Để có thêm khả năng truy cập, bạn nên xem xét phần tử
    <form method="POST" 
      action=""PHP_SELF"]);?>">
    
    2 để nhóm các phần tử biểu mẫu

Xử lý biểu mẫu

Bây giờ bạn đã xác định biểu mẫu trong HTML, hãy làm việc thông qua mã xử lý biểu mẫu. Trước khi chúng tôi làm điều đó, hãy lưu ý rằng biểu mẫu có thể ở một trong hai trạng thái

  1. Một biểu mẫu trống được tải khi trang được tải lần đầu tiên
  2. Biểu mẫu được tải nếu biểu mẫu không xác thực. Ở trạng thái này, các trường mà người dùng điền vào sẽ chứa giá trị được cung cấp. Các trường khác sẽ trống với thông báo lỗi bên cạnh chúng

Xác thực nội dung biểu mẫu

Khi biểu mẫu được gửi, các mục nhập sau sẽ được lưu trữ trong mảng

<label for="brochure">Would you like a brochure?label>
<div>
  <input type="checkbox" name="brochure" id="brochure" value="Yes">
div>
8 (hoặc mảng
<div>
  <input type="submit" name="submit" value="Submit">
div>
1 tùy thuộc vào thuộc tính
<label for="brochure">Would you like a brochure?label>
<div>
  <input type="checkbox" name="brochure" id="brochure" value="Yes">
div>
3 của biểu mẫu). Các giá trị trong cột bên trái được lấy từ thuộc tính
<label>
  <input type="radio" name="howMany" value="zero"> 0
label>
<label>
  <input type="radio" name="howMany" value="one"> 1
label>
<label>
  <input type="radio" name="howMany" value="two"> 2
label>
<label>
  <input type="radio" name="howMany" value="twoplus"> More than 2
label>
7 của điều khiển và tôi cũng đã đánh dấu xem trường này có phải là trường bắt buộc cho mục đích xác thực hay không

Loại trườngBắt buộc hoặc Tùy chọntên biến đơn giá trịbắt buộcđịa chỉbiến đơn giá trịbắt buộcemailbiến đơn giá trịbắt buộccách thứcNhiều biến đơn giá trịbắt buộc – phải chọn một ưa thíchFruitarraybắt buộc – phải chọn mộtcuốn sách quảng cáobiến đơn giá trịtùy chọn

Nếu người dùng không tuân thủ các quy tắc này, một thông báo lỗi sẽ được hiển thị. Bất kỳ trường nào đã hoàn thành sẽ không thay đổi, cho phép người dùng chỉ cần điều chỉnh đầu vào của họ và gửi lại biểu mẫu mà không phải nhập lại dữ liệu

Trước khi chúng tôi tiếp tục, việc xác thực mà chúng tôi đang thực hiện trong mã trong bài viết này cực kỳ đơn giản. Thông thường, bạn sẽ thực hiện xác thực phức tạp hơn nhiều, chẳng hạn như

  • liệu các trường nhất định không dài hơn một độ dài nhất định
  • Địa chỉ email có đáp ứng đặc tả địa chỉ email hay không
  • nếu ngày bắt đầu có định dạng đúng và trước hoặc sau một ngày nhất định

Để làm điều đó, bạn có thể sử dụng thư viện của bên thứ ba, chẳng hạn như laminas-validator hoặc thành phần xác thực Symfony
Tuy nhiên, điều đó nằm ngoài phạm vi của bài viết này

Hãy xem PHP cần thiết để xác thực biểu mẫu, được đặt ở đầu trang, trước HTML cho biểu mẫu


$errors = [];
$fields = ['name', 'address', 'email', 'howMany', 'favoriteFruit', 'brochure'];
$optionalFields = ['brochure'];
$values = [];
if ($_SERVER["REQUEST_METHOD"] == "POST") {
    foreach ($fields as $field) {
        if (empty($_POST[$field]) && !in_array($field, $optionalFields)) {
            $errors[] = $field;
        } else {
            $values[$field] = $_POST[$field];
        }
    }

Mã khởi tạo ba mảng

  • <form method="POST" 
      action=""PHP_SELF"]);?>">
    
    7. ban đầu trống, điều này lưu trữ các trường biểu mẫu không xác thực được
  • <form method="POST" 
      action=""PHP_SELF"]);?>">
    
    8. điều này lưu trữ tất cả các tên trường sẽ được xử lý
  • <form method="POST" 
      action=""PHP_SELF"]);?>">
    
    9. cái này lưu tên trường là tùy chọn
  • 
    $errors = [];
    $fields = ['name', 'address', 'email', 'howMany', 'favoriteFruit', 'brochure'];
    $optionalFields = ['brochure'];
    $values = [];
    if ($_SERVER["REQUEST_METHOD"] == "POST") {
        foreach ($fields as $field) {
            if (empty($_POST[$field]) && !in_array($field, $optionalFields)) {
                $errors[] = $field;
            } else {
                $values[$field] = $_POST[$field];
            }
        }
    
    0. ban đầu trống, đây là một mảng kết hợp sẽ chứa các trường được cung cấp và giá trị của chúng

Sau đó, nó sẽ kiểm tra xem phương thức được sử dụng để gửi biểu mẫu đã được đặt thành

<label for="brochure">Would you like a brochure?label>
<div>
  <input type="checkbox" name="brochure" id="brochure" value="Yes">
div>
7 chưa. Nếu vậy, nó sẽ lặp lại các giá trị trong mảng và kiểm tra xem siêu toàn cầu
<label for="brochure">Would you like a brochure?label>
<div>
  <input type="checkbox" name="brochure" id="brochure" value="Yes">
div>
8 có chứa tên trường liên quan hay không. Nếu vậy và trường có giá trị, thì trường và giá trị của nó được lưu trữ trong mảng

$errors = [];
$fields = ['name', 'address', 'email', 'howMany', 'favoriteFruit', 'brochure'];
$optionalFields = ['brochure'];
$values = [];
if ($_SERVER["REQUEST_METHOD"] == "POST") {
    foreach ($fields as $field) {
        if (empty($_POST[$field]) && !in_array($field, $optionalFields)) {
            $errors[] = $field;
        } else {
            $values[$field] = $_POST[$field];
        }
    }
0. Tuy nhiên, nếu trường trống và nó không có trong mảng
<form method="POST" 
  action=""PHP_SELF"]);?>">
9, thì nó sẽ được thêm vào mảng
<form method="POST" 
  action=""PHP_SELF"]);?>">
7

Trong ví dụ ở đây, chúng tôi đang kiểm tra mảng

<label for="brochure">Would you like a brochure?label>
<div>
  <input type="checkbox" name="brochure" id="brochure" value="Yes">
div>
8 vì phương thức của biểu mẫu được đặt thành
<label for="brochure">Would you like a brochure?label>
<div>
  <input type="checkbox" name="brochure" id="brochure" value="Yes">
div>
7. Nếu
<label for="brochure">Would you like a brochure?label>
<div>
  <input type="checkbox" name="brochure" id="brochure" value="Yes">
div>
3 được đặt thành
<div>
  <input type="submit" name="submit" value="Submit">
div>
0, mã sẽ được cập nhật để kiểm tra siêu toàn cầu
<div>
  <input type="submit" name="submit" value="Submit">
div>
1 thay thế

Sau khi kiểm tra lỗi gửi, theo một cách khá thô sơ, mã sẽ in ra các giá trị mà người dùng đã gửi, nếu không có lỗi nào được ghi lại

    if (empty($errors)) {
        foreach ($fields as $field) {
            if ($field === "favoriteFruit") {
                printf("%s: %s
"
, $field, var_export($_POST[$field], TRUE)); } else { printf("%s: %s
"
, $field, $_POST[$field]); } }; exit; } }

Sau khi chạy mã này, HTML cho trang được hiển thị. Cho rằng chúng tôi sẽ hiển thị lại biểu mẫu với các giá trị mà người dùng đã cung cấp, chúng tôi cần cập nhật biểu mẫu một chút. Cụ thể, một số mã PHP cần được tích hợp vào HTML cho từng phần tử

Đối với các trường đầu vào, chúng tôi sẽ cập nhật chúng để đặt giá trị của chúng như trong ví dụ sau, điền giá trị của trường tên

<input type="text" 
       name="name"
       value="'name']);?>">

<div>
  <input type="submit" name="submit" value="Submit">
div>
6 được sử dụng ở đây vì lý do tương tự như nó đã được sử dụng trước đó với
    if (empty($errors)) {
        foreach ($fields as $field) {
            if ($field === "favoriteFruit") {
                printf("%s: %s
"
, $field, var_export($_POST[$field], TRUE)); } else { printf("%s: %s
"
, $field, $_POST[$field]); } }; exit; } }
2 – để bảo vệ chống lại các cuộc tấn công XSS. Sau đó, HTML sau sẽ được thêm vào sau trường đầu vào để hiển thị thông báo lỗi nếu giá trị không được cung cấp

 if (in_array('name', $errors)): ?>
  <span class="error">Missingspan>
 endif; ?>

Xử lý lỗi biểu mẫu PHP

Việc sử dụng lớp

    if (empty($errors)) {
        foreach ($fields as $field) {
            if ($field === "favoriteFruit") {
                printf("%s: %s
"
, $field, var_export($_POST[$field], TRUE)); } else { printf("%s: %s
"
, $field, $_POST[$field]); } }; exit; } }
3 cung cấp một cái móc để tạo kiểu cho thông báo lỗi bằng CSS

<label>
  <input type="radio" name="howMany" value="zero"> 0
label>
<label>
  <input type="radio" name="howMany" value="one"> 1
label>
<label>
  <input type="radio" name="howMany" value="two"> 2
label>
<label>
  <input type="radio" name="howMany" value="twoplus"> More than 2
label>
0

Mở rộng khả năng sử dụng của biểu mẫu

Với một chút nỗ lực hơn, bạn cũng có thể nhớ các lựa chọn mà người dùng đã thực hiện từ các nút radio và chọn

<label>
  <input type="radio" name="howMany" value="zero"> 0
label>
<label>
  <input type="radio" name="howMany" value="one"> 1
label>
<label>
  <input type="radio" name="howMany" value="two"> 2
label>
<label>
  <input type="radio" name="howMany" value="twoplus"> More than 2
label>
1

Mã đã được thêm vào để kiểm tra xem biến được liên kết với nút radio đã được xác định trong phần xác thực chưa. Nếu vậy,

    if (empty($errors)) {
        foreach ($fields as $field) {
            if ($field === "favoriteFruit") {
                printf("%s: %s
"
, $field, var_export($_POST[$field], TRUE)); } else { printf("%s: %s
"
, $field, $_POST[$field]); } }; exit; } }
4 được xuất ra như một phần của HTML của phần tử

Bây giờ để giải quyết menu chọn. Thực sự là một ý tưởng tốt hơn nếu cấu trúc lại mã dưới dạng một vòng lặp hơn là thêm mã một cách mù quáng để kiểm tra từng tùy chọn theo cách thủ công. Vòng lặp có thể tạo HTML cho các tùy chọn một cách nhanh chóng và kiểm tra xem tùy chọn đã được chọn hay chưa có thể được tích hợp vào đó

<label>
  <input type="radio" name="howMany" value="zero"> 0
label>
<label>
  <input type="radio" name="howMany" value="one"> 1
label>
<label>
  <input type="radio" name="howMany" value="two"> 2
label>
<label>
  <input type="radio" name="howMany" value="twoplus"> More than 2
label>
2

Nếu bạn chưa quen với PHP loops, bạn có thể muốn đọc bài viết “Learning Loops”

Lưu ý rằng sự khác biệt ở đây là việc sử dụng thuộc tính

    if (empty($errors)) {
        foreach ($fields as $field) {
            if ($field === "favoriteFruit") {
                printf("%s: %s
"
, $field, var_export($_POST[$field], TRUE)); } else { printf("%s: %s
"
, $field, $_POST[$field]); } }; exit; } }
5. các nút radio sử dụng
    if (empty($errors)) {
        foreach ($fields as $field) {
            if ($field === "favoriteFruit") {
                printf("%s: %s
"
, $field, var_export($_POST[$field], TRUE)); } else { printf("%s: %s
"
, $field, $_POST[$field]); } }; exit; } }
4, trong khi các tùy chọn
    if (empty($errors)) {
        foreach ($fields as $field) {
            if ($field === "favoriteFruit") {
                printf("%s: %s
"
, $field, var_export($_POST[$field], TRUE)); } else { printf("%s: %s
"
, $field, $_POST[$field]); } }; exit; } }
7 sử dụng
    if (empty($errors)) {
        foreach ($fields as $field) {
            if ($field === "favoriteFruit") {
                printf("%s: %s
"
, $field, var_export($_POST[$field], TRUE)); } else { printf("%s: %s
"
, $field, $_POST[$field]); } }; exit; } }
5. Đó chỉ là một trong những mâu thuẫn nhỏ mà chúng ta phải chung sống

Một chủ đề mà tôi chưa giải quyết và nằm ngoài phạm vi của bài viết này là bạn sẽ làm gì với dữ liệu sau khi xác thực thành công. Có một số khả năng, bao gồm lưu nó vào cơ sở dữ liệu hoặc gửi dữ liệu qua email cho chính bạn. Cho dù bạn chọn cái nào, bạn cần phải chắc chắn rằng

  • biểu mẫu đã được gửi bởi người dùng
  • dữ liệu do người dùng nhập không có lỗi

Tóm lược

Xác thực là điều cần thiết, đặc biệt nếu bạn định lưu dữ liệu đã gửi vào cơ sở dữ liệu hoặc một số hình thức lưu trữ liên tục khác. Khi xác thực, bạn nên ghi nhớ câu nói cũ GIGO (Garbage In, Garbage Out) và bạn sẽ không đi quá xa

Trong bài viết này, bạn đã học được bốn điều

  • cách tạo biểu mẫu HTML cơ bản
  • cách xác thực biểu mẫu bằng PHP
  • cách hiển thị lại đầu vào của người dùng
  • cách hiển thị thông báo lỗi

Để biết thêm thông tin về

    if (empty($errors)) {
        foreach ($fields as $field) {
            if ($field === "favoriteFruit") {
                printf("%s: %s
"
, $field, var_export($_POST[$field], TRUE)); } else { printf("%s: %s
"
, $field, $_POST[$field]); } }; exit; } }
9,
<label for="brochure">Would you like a brochure?label>
<div>
  <input type="checkbox" name="brochure" id="brochure" value="Yes">
div>
8 và
<div>
  <input type="submit" name="submit" value="Submit">
div>
1, hãy đọc bài viết “Giới thiệu các siêu toàn cầu” và, tất nhiên, tài liệu PHP

Chia sẻ bài viết này

Iain Tench

Iain Tench đã làm việc trong ngành CNTT được 30 năm với tư cách là lập trình viên, quản lý dự án (Học viên Prince2), cố vấn và giáo viên. Là người quản lý dự án, ông chuyên về các dự án tích hợp chủ yếu liên quan đến hệ thống thanh toán trong lĩnh vực tài chính. Anh ấy hiện đang giảng dạy và đã có bằng Thạc sĩ về Phát triển Hệ thống Internet cũng như chứng chỉ giảng dạy. Lĩnh vực giảng dạy chuyên môn của Iain là công nghệ web, chủ yếu là lập trình bằng nhiều ngôn ngữ, HTML, CSS và tích hợp cơ sở dữ liệu. Anh ấy cũng đã viết một cuốn sách về Dreamweaver CS3 cho Hodder Education

Matthew Setter

Matthew Setter là nhà phát triển phần mềm, chuyên về mã PHP đáng tin cậy, đã được thử nghiệm và bảo mật. Anh ấy cũng là tác giả của Mezzio Essentials (https. // nhu yếu phẩm mezzio. com) giới thiệu toàn diện về phát triển ứng dụng với Khung Mezzio của PHP

Làm cách nào để hiển thị lỗi ở dạng PHP?

Cách nhanh nhất để hiển thị tất cả lỗi và cảnh báo php là thêm những dòng này vào tệp mã PHP của bạn. ini_set('lỗi_hiển_thị', 1);

Các biểu mẫu PHP được xử lý như thế nào?

PHP - Biểu mẫu HTML đơn giản . php" When the user fills out the form above and clicks the submit button, the form data is sent for processing to a PHP file named "welcome.php" . Dữ liệu biểu mẫu được gửi bằng phương thức HTTP POST.

Làm cách nào để xác thực biểu mẫu trong PHP?

PHP xác thực dữ liệu ở phía máy chủ, được gửi bằng biểu mẫu HTML. Bạn cần xác thực một vài điều. Chuỗi rỗng. Xác thực chuỗi. .
$name = $_POST ["Tên"];
nếu (. preg_match ("/^[a-zA-z]*$/", $name) ) {
$ErrMsg = "Chỉ cho phép bảng chữ cái và khoảng trắng. “;
tiếng vang $ErrMsg;
} khác {
tiếng vang $name;

Làm cách nào để kiểm tra xem một biểu mẫu có được gửi trong PHP không?

Sử dụng phương thức isset() trong PHP để kiểm tra biểu mẫu có được gửi thành công hay không . Trong mã, sử dụng hàm isset() để kiểm tra phương thức $_POST['submit']. Ghi nhớ thay vì gửi xác định tên của nút gửi. Sau khi nhấp vào nút gửi, hành động này sẽ hoạt động như phương thức POST.