Cara menggunakan kaedah onsubmit untuk menyerahkan data borang dalam PHP

Dalam pembangunan bahagian hadapan, terdapat banyak cara untuk menyerahkan data borang ke pelayan bahagian belakang. Antaranya, kaedah yang paling biasa ialah menggunakan kaedah onsubmit borang untuk melaksanakan operasi penyerahan. Artikel ini akan memperkenalkan cara menggunakan kaedah onsubmit untuk menyerahkan data borang dalam PHP dan memberikan beberapa contoh untuk membantu pembaca mendalami pemahaman mereka.

1. Pengenalan asas

Untuk menggunakan kaedah onsubmit dalam PHP, anda perlu menambah acara onsubmit pada teg borang dan memanggil fungsi JavaScript.

acara semasa hantar dicetuskan apabila borang diserahkan. Jika input borang adalah sah, acara semasa serahan akan kembali benar, menunjukkan bahawa penyerahan berjaya. Jika tidak, palsu akan dikembalikan, menunjukkan bahawa penyerahan gagal. Untuk memastikan ketepatan dan kesempurnaan data borang, data borang biasanya disahkan dan diproses sebelum diserahkan kepada pelayan bahagian belakang.

2. Langkah pelaksanaan

Berikut adalah beberapa langkah untuk menggunakan kaedah onsubmit untuk menyerahkan data borang:

1. Buat borang HTML yang mengandungi data yang diperlukan untuk dikemukakan.
2. Tambah acara onsubmit pada elemen borang dan nyatakan fungsi JavaScript untuk dipanggil.
3. Fungsi JavaScript akan dipanggil apabila borang diserahkan, dapatkan data borang dan hantar ke pelayan bahagian belakang.

3. Contoh analisis

Yang berikut menggunakan contoh untuk menunjukkan penggunaan kaedah onsubmit. Katakan kita mempunyai borang HTML berikut:

<form method="post" action="submit.php" onsubmit="return validateForm()">
  <label for="name">姓名：</label>
  <input type="text" id="name" name="name">
  <br>
  <label for="email">电子邮件：</label>
  <input type="email" id="email" name="email">
  <br>
  <input type="submit" value="提交">
</form>

Borang ini mengandungi dua kotak input, satu untuk nama dan satu untuk e-mel. Dalam acara onsubmit borang, kami memanggil fungsi JavaScript bernama validateForm untuk mengesahkan kesahihan data borang. Fungsi ini mengembalikan benar jika data borang disahkan, jika tidak ia mengembalikan palsu. Berikut ialah kod pelaksanaan fungsi ini:

function validateForm() {
  let name = document.getElementById("name").value.trim();
  let email = document.getElementById("email").value.trim();

  if (name === "" || email === "") {
    alert("请输入姓名和电子邮件");
    return false;
  } else if (!email.match(/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/)) {
    alert("请检查电子邮件格式");
    return false;
  } else {
    return true;
  }
}

Fungsi ini mula-mula mendapatkan nama dan e-mel dalam kotak input. Kemudian ia mengesahkan kedua-dua medan. Jika nilai dalam kotak input kosong, fungsi ini akan muncul kotak dialog yang menggesa pengguna memasukkan nama dan e-mel mereka. Jika format e-mel tidak betul, kotak dialog juga akan muncul. Jika tidak, fungsi ini kembali benar.

Perhatikan bahawa hasil yang dikembalikan oleh fungsi ini ditentukan sebelum borang diserahkan. Jika fungsi ini kembali benar, data borang akan diserahkan ke URL yang dinyatakan dalam atribut tindakan. Jika tidak, data borang tidak akan diserahkan.

Selepas pelayan bahagian belakang menerima data borang, ia boleh memprosesnya dengan sewajarnya. Kod untuk menghantar data borang boleh ditulis dalam fail submit.php:

<?php
  $name = $_POST["name"];
  $email = $_POST["email"];

  echo "您的姓名是 " . $name;
  echo "您的电子邮件是 " . $email;
?>

Kod ini sangat mudah, ia hanya mendapat nama dan e-mel yang diserahkan, dan kemudian mengeluarkannya ke skrin. Sudah tentu, dalam aplikasi sebenar, operasi yang lebih kompleks mungkin dilakukan.

4. Kesimpulan

Artikel ini memperkenalkan kaedah menggunakan kaedah onsubmit untuk menyerahkan data borang dalam PHP, dan memberikan contoh untuk menggambarkan langkah pelaksanaan tertentu. Melalui pengenalan artikel ini, pembaca boleh menguasai penggunaan asas kaedah onsubmit, supaya dapat melaksanakan penyerahan dan pengesahan borang dengan lebih baik.

Atas ialah kandungan terperinci Cara menggunakan kaedah onsubmit untuk menyerahkan data borang dalam PHP. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!