APU 3/22/2022
#Button, #FormButton , #Form
Trong bài viết này, chúng tôi có một nhiệm vụ. Chúng tôi đã được cung cấp một biểu mẫu và chúng tôi phải kiểm tra xem biểu mẫu có được gửi hay không. Chúng tôi chỉ đơn giản là kiểm tra xem biểu mẫu có được gửi bằng cách sử dụng sự kiện gửi không.
Phát hiện nút gửi được nhấp hay không
function myFunction[]{
alert["Form Is Submitted!"]
}
Hãy tự mình thử »
Trong ví dụ thứ hai, tôi sẽ kiểm tra xem một biểu mẫu có được gửi hay không bằng cách sử dụng addEventListener
Kiểm tra bằng AddEventListener
let myForm = document.querySelector['#my-form'];
myForm.addEventListener["submit",function[]{
alert["Form Submitted"];
}];
Hãy tự mình thử »
Trong ví dụ thứ hai, tôi sẽ kiểm tra xem một biểu mẫu có được gửi hay không bằng cách sử dụng addEventListener
Kiểm tra bằng AddEventListener
Cố gắng sử dụng, chỉ cần hàm mũi tên. Ví dụ. MyForm.AdDeventListener ["Gửi", [] => {alert ["Mẫu đã gửi"];]}
function myFunction[e]{
alert["Your Name Is " + e.name.value];
}
Hãy tự mình thử »
Điều gì xảy ra khi nút gửi được nhấp vào HTML?
Điều này rất hữu ích và có thể được sử dụng thường xuyên với dữ liệu biểu mẫu trong PHP, bởi vì khi trình duyệt web lần đầu tiên tải một biểu mẫu web, PHP không biết liệu biểu mẫu, ban đầu, có được nhấp hay không. Nó không biết liệu người dùng đã nhập dữ liệu và gửi hay không. Điều này có nghĩa là nếu bạn có một trường biểu mẫu và nó thực hiện một câu lệnh if-else, nó có thể chạy một trong các câu lệnh ban đầu, mà bạn có thể không muốn. PHP không thể phân biệt được nếu một biểu mẫu đã được thực thi hoặc nó không, khi ban đầu được tải. Vì vậy, việc kiểm tra xem liệu nút gửi có được nhấp không quan trọng và hữu ích trong các hình thức liên quan đến PHP.
Dưới đây là một trường biểu mẫu điển hình mà bạn sẽ tìm thấy trên web:
Kết quả
Trên đây là một hình thức yêu cầu người dùng nhập tên của mình vào trường biểu mẫu. Nếu người dùng nhập các ký tự vào trường này và nhấp vào gửi, thì biểu mẫu sẽ cho người dùng biết tên họ đã nhập. Nếu người dùng để lại trường trống và nhấp 'Gửi', thì biểu mẫu sẽ cho người dùng biết rằng anh ta không nhập tên và anh ta phải làm như vậy.
Mã HTML
Mã HTML của trường biểu mẫu này là:
Phần quan trọng nhất của trường biểu mẫu này trong HTML là "tên" của nút gửi, trong trường hợp này được gọi là "Subbutbutton". Điều này sẽ rất quan trọng vì mã PHP của chúng tôi cần trích xuất thông tin từ nút gửi này, đó là cách nó xác định xem nó có được nhấp hay không. Mã PHP biết nút gửi nào để tham khảo thuộc tính "Tên" của nút Gửi.
Mã PHP
Mã PHP được sử dụng để xác định xem nút gửi có được nhấp không:
Với mã PHP, trước tiên chúng ta phải trích xuất dữ liệu từ nút gửi trước khi chúng ta có thể xử lý nó để kiểm tra xem nó có được nhấp hay không. Chúng tôi làm điều này theo dòng:
$ subforbutton = $ _post ['subforbutton'];
Ở đây, chúng tôi đã tạo ra một biến PHP, $ trình tin. Sử dụng mảng SuperGlobal $ _Post, chúng tôi trích xuất giá trị của nút gửi với tên biểu mẫu 'Subbutton' và gán nó cho biến PHP, $ subpallButton.$submitbutton. Using the superglobal $_POST array, we extract the value of the submit button with the form name 'submitbutton', and assign it to the PHP variable, $submitbutton.
Bây giờ chúng ta có giá trị được trích xuất, chúng ta có thể thực hiện một câu lệnh IF để xem liệu nó có được nhấp hay không. Chúng tôi làm điều này theo dòng sau:
if [$ subpallButton] {// câu lệnh này sẽ được thực thi} other {// câu lệnh này sẽ được thực thi}
//This statement to be executed
}
else
{
//This statement to be executed
}
Cách chúng tôi kiểm tra xem liệu nút gửi có được nhấp không có phải là một câu lệnh IF đơn giản không. Nếu $ trình tin được nhấp, chức năng sẽ trả về true. Nếu $ trình tin không được nhấp, chức năng sẽ trả về sai. Câu lệnh nếu đơn giản này kiểm tra giá trị boolean của biến.
Dựa trên điều này, bạn có thể thực hiện bất kỳ chức năng hoặc tuyên bố nào.
Trong ví dụ của chúng tôi, nếu nút gửi đã được nhấp, biểu mẫu cho người dùng biết tên họ đã nhập. Nếu không, thì biểu mẫu yêu cầu người dùng nhập tên.
Nếu chúng tôi không xác thực để kiểm tra xem nút gửi có được nhấp không, thì ban đầu khi biểu mẫu được tải lần đầu tiên, vì trường trống [không được đặt], biểu mẫu sẽ tự động nói với người dùng rằng anh ấy phải nhập tên . Điều này là do PHP không biết khi tải ban đầu xem người dùng có tương tác với biểu mẫu hay không. Việc xác thực để kiểm tra xem nút gửi có được nhấp vào có thể hiện điều này hay không.
Tài nguyên liên quan