Xác thực đầu vào của người dùng trong php

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

Biểu mẫu HTML

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ử


   0


   1


   2


   More than 2

3 và

   0


   1


   2


   More than 2

4 như thế này

Name
  
    
  

Address
  
    
  

Email
  
    
  

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


   0


   1


   2


   More than 2

5 thành

   0


   1


   2


   More than 2

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

   0


   1


   2


   More than 2

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

   0


   1


   2


   More than 2

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


   0


   1


   2


   More than 2

Đặt


   0


   1


   2


   More than 2

5 thành
My favorite fruit

  
    Apple
    Banana
    Plum
    Pomegranate
    Strawberry
    Watermelon
  

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
My favorite fruit

  
    Apple
    Banana
    Plum
    Pomegranate
    Strawberry
    Watermelon
  

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

   0


   1


   2


   More than 2

8 và
My favorite fruit

  
    Apple
    Banana
    Plum
    Pomegranate
    Strawberry
    Watermelon
  

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

My favorite fruit

  
    Apple
    Banana
    Plum
    Pomegranate
    Strawberry
    Watermelon
  

Thuộc tính


   0


   1


   2


   More than 2

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 có thuộc tính
My favorite fruit

  
    Apple
    Banana
    Plum
    Pomegranate
    Strawberry
    Watermelon
  

5]. Nếu không có thuộc tính
My favorite fruit

  
    Apple
    Banana
    Plum
    Pomegranate
    Strawberry
    Watermelon
  

5, chỉ có thể chọn một tùy chọn

Thuộc tính

My favorite fruit

  
    Apple
    Banana
    Plum
    Pomegranate
    Strawberry
    Watermelon
  

1 cho mỗi phần tử tùy chọn là giá trị sẽ được gửi đến máy chủ và văn bản giữa thẻ mở và thẻ đóng
My favorite fruit

  
    Apple
    Banana
    Plum
    Pomegranate
    Strawberry
    Watermelon
  

8 là giá trị mà người dùng sẽ thấy trong menu chọn. Mỗi phần tử
My favorite fruit

  
    Apple
    Banana
    Plum
    Pomegranate
    Strawberry
    Watermelon
  

8 phải có một giá trị riêng biệt

hộp kiểm

Name
  
    
  

Address
  
    
  

Email
  
    
  
0

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

Name
  
    
  

Address
  
    
  

Email
  
    
  
1

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ử

My favorite fruit

  
    Apple
    Banana
    Plum
    Pomegranate
    Strawberry
    Watermelon
  

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

Name
  
    
  

Address
  
    
  

Email
  
    
  
3

Tiếp đến là phần tử

Name
  
    
  

Address
  
    
  

Email
  
    
  
01. 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.
Name
  
    
  

Address
  
    
  

Email
  
    
  
02 và
Name
  
    
  

Address
  
    
  

Email
  
    
  
03.
Name
  
    
  

Address
  
    
  

Email
  
    
  
03 xác định cách gửi nội dung của biểu mẫu.
Name
  
    
  

Address
  
    
  

Email
  
    
  
02 xác định nơi nội dung biểu mẫu được gửi khi biểu mẫu được gửi

Đặt

Name
  
    
  

Address
  
    
  

Email
  
    
  
02 thành
Name
  
    
  

Address
  
    
  

Email
  
    
  
07 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
Name
  
    
  

Address
  
    
  

Email
  
    
  
08. Thay thế cho
Name
  
    
  

Address
  
    
  

Email
  
    
  
07 là
Name
  
    
  

Address
  
    
  

Email
  
    
  
10, 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
Name
  
    
  

Address
  
    
  

Email
  
    
  
11

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

Name
  
    
  

Address
  
    
  

Email
  
    
  
07 và
Name
  
    
  

Address
  
    
  

Email
  
    
  
10 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,

Name
  
    
  

Address
  
    
  

Email
  
    
  
02 được đặt thành kết quả của việc chuyển giá trị của
Name
  
    
  

Address
  
    
  

Email
  
    
  
15, là tên của tập lệnh hiện tại đang được thực thi, cho phương thức
Name
  
    
  

Address
  
    
  

Email
  
    
  
16 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ụ:
Name
  
    
  

Address
  
    
  

Email
  
    
  
17 sẽ được chuyển đổi thành
Name
  
    
  

Address
  
    
  

Email
  
    
  
18

Đ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

Name
  
    
  

Address
  
    
  

Email
  
    
  
19 để 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

Name
  
    
  

Address
  
    
  

Email
  
    
  
15 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 đính kèm trong các thẻ
    Name
      
        
      
    
    Address
      
        
      
    
    Email
      
        
      
    
    01
  • 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ử
    Name
      
        
      
    
    Address
      
        
      
    
    Email
      
        
      
    
    32 để 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

Name
  
    
  

Address
  
    
  

Email
  
    
  
08 [hoặc mảng
Name
  
    
  

Address
  
    
  

Email
  
    
  
11 tùy thuộc vào thuộc tính
Name
  
    
  

Address
  
    
  

Email
  
    
  
03 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

   0


   1


   2


   More than 2

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


   0


   1


   2


   More than 2

0

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

  • Name
      
        
      
    
    Address
      
        
      
    
    Email
      
        
      
    
    37. 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
  • Name
      
        
      
    
    Address
      
        
      
    
    Email
      
        
      
    
    38. điều này lưu trữ tất cả các tên trường sẽ được xử lý
  • Name
      
        
      
    
    Address
      
        
      
    
    Email
      
        
      
    
    39. cái này lưu tên trường là tùy chọn
  • 
       0
    
    
       1
    
    
       2
    
    
       More than 2
    
    
    00. 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

Name
  
    
  

Address
  
    
  

Email
  
    
  
07 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ục
Name
  
    
  

Address
  
    
  

Email
  
    
  
08 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

   0


   1


   2


   More than 2

00. Tuy nhiên, nếu trường trống và nó không có trong mảng
Name
  
    
  

Address
  
    
  

Email
  
    
  
39, thì nó sẽ được thêm vào mảng
Name
  
    
  

Address
  
    
  

Email
  
    
  
37

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

Name
  
    
  

Address
  
    
  

Email
  
    
  
08 vì phương thức của biểu mẫu được đặt thành
Name
  
    
  

Address
  
    
  

Email
  
    
  
07. Nếu
Name
  
    
  

Address
  
    
  

Email
  
    
  
03 được đặt thành
Name
  
    
  

Address
  
    
  

Email
  
    
  
10, mã sẽ được cập nhật để kiểm tra siêu toàn cầu
Name
  
    
  

Address
  
    
  

Email
  
    
  
11 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


   0


   1


   2


   More than 2

5

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


   0


   1


   2


   More than 2

6

Name
  
    
  

Address
  
    
  

Email
  
    
  
16 được sử dụng ở đây vì lý do tương tự như nó đã được sử dụng trước đó với

   0


   1


   2


   More than 2

52 – để 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


   0


   1


   2


   More than 2

9

Việc sử dụng lớp


   0


   1


   2


   More than 2

53 cung cấp một cái móc để định kiểu thông báo lỗi bằng CSS


   0


   1


   2


   More than 2

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


   0


   1


   2


   More than 2

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,


   0


   1


   2


   More than 2

54 đượ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 đó


   0


   1


   2


   More than 2

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


   0


   1


   2


   More than 2

55. các nút radio sử dụng

   0


   1


   2


   More than 2

54, trong khi tùy chọn

   0


   1


   2


   More than 2

57 sử dụng

   0


   1


   2


   More than 2

55. Đó 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

Bản tóm tắt

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ề


   0


   1


   2


   More than 2

59,
Name
  
    
  

Address
  
    
  

Email
  
    
  
08 và
Name
  
    
  

Address
  
    
  

Email
  
    
  
11, 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

Có thể sử dụng PHP để xác thực không?

Mã xác thực biểu mẫu PHP là một bộ quy tắc xác thực cho phép bạn tạo xác thực phía máy chủ cho các biểu mẫu PHP một cách nhanh chóng mà không tốn nhiều công sức . Xác thực biểu mẫu thực sự quan trọng đối với các trang web động.

Bạn sẽ tạo biểu mẫu và xác thực đầu vào biểu mẫu trong PHP như thế nào?

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. .
$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;

Xác thực dữ liệu trong PHP là gì?

Xác thực trong PHP là quá trình chúng tôi kiểm tra xem thông tin đầu vào trong các trường khác nhau ở bất kỳ dạng nào như văn bản, hộp kiểm hoặc nút radio, v.v. do người dùng cuối gửi trong biểu mẫu là chính xác hay không sử dụng mã HTML

Mục đích của $_ Php_self là gì?

$_SERVER["PHP_SELF"] là một biến siêu toàn cầu trả về tên tệp của tập lệnh hiện đang thực thi. Vì vậy, $_SERVER["PHP_SELF"] gửi dữ liệu biểu mẫu đã gửi đến chính trang đó, thay vì chuyển sang một trang khác . Bằng cách này, người dùng sẽ nhận được thông báo lỗi trên cùng một trang với biểu mẫu.

Chủ Đề