Rumah > Artikel > pembangunan bahagian belakang > Laksanakan keperluan yang diperlukan untuk kotak input nama apabila halaman HTML melompat ke halaman PHP
Laksanakan keperluan yang diperlukan untuk kotak input nama apabila halaman HTML melompat ke halaman PHP
- PHPzasal
- 2024-03-10 10:21:031122semak imbas
Apabila melompat dari halaman HTML ke halaman PHP, jika anda perlu menambah keperluan yang diperlukan pada kotak input nama, anda boleh melakukannya melalui elemen borang HTML dan JavaScript. Cara melaksanakan ciri ini akan diterangkan secara terperinci di bawah, dengan contoh kod khusus.
Pertama, kami mencipta halaman HTML yang mengandungi borang dan kotak input nama. Tetapkan tanda "diperlukan" dalam kotak input nama dan anda boleh menggunakan JavaScript untuk melaksanakan pengesahan yang diperlukan bagi kotak input. Apabila pengguna mengklik butang hantar, jika kotak input nama kosong, penyerahan borang dihalang dan mesej segera muncul.
Berikut ialah contoh kod HTML ringkas:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HTML页面跳转到PHP页面的姓名输入框必填要求</title>
</head>
<body>
<form id="myForm" action="submit.php" method="POST">
<label for="name">姓名：</label>
<input type="text" id="name" name="name" required>
<button type="submit">提交</button>
</form>
<script>
document.getElementById("myForm").onsubmit = function (event) {
var nameInput = document.getElementById("name");
if (nameInput.value.trim() === "") {
event.preventDefault();
alert("姓名不能为空，请填写姓名");
}
}
</script>
</body>
</html>Dalam kod di atas, kami menambahkan atribut "diperlukan" pada kotak input nama, menunjukkan bahawa kotak input diperlukan. Pada masa yang sama, melalui kod JavaScript, kami menambah fungsi pada acara penyerahan borang Apabila butang hantar diklik, kotak input nama akan disahkan Jika ia kosong, penyerahan borang akan dihalang dan mesej segera akan timbul.
Apabila pengguna mengisi nama dan mengklik butang hantar, borang akan menghantar data ke halaman "submit.php". Dalam halaman PHP, anda boleh mendapatkan data borang yang diserahkan melalui pembolehubah global $_POST, memproses data dan mengembalikan hasil yang sepadan.
Perlu diingatkan bahawa pengesahan bahagian hadapan hanyalah pengesahan tambahan, dan pemprosesan dan pengesahan data sebenar harus dilakukan pada bahagian belakang untuk memastikan keselamatan dan integriti data.
Saya harap contoh kod di atas dapat membantu anda melaksanakan fungsi kotak input nama yang diperlukan apabila halaman HTML melompat ke halaman PHP.
Atas ialah kandungan terperinci Laksanakan keperluan yang diperlukan untuk kotak input nama apabila halaman HTML melompat ke halaman PHP. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!