วิธีการ - การตรวจสอบ JS สำหรับฟิลด์ว่าง
เรียนรู้วิธีเพิ่มการตรวจสอบแบบฟอร์มสำหรับช่องป้อนข้อมูลว่างด้วย JavaScript
การตรวจสอบแบบฟอร์มสำหรับอินพุตที่ว่างเปล่า
ขั้นตอนที่ 1) เพิ่ม HTML:
ตัวอย่าง
<form name="myForm" action="/action_page.php" onsubmit="return validateForm()"
method="post" required>
Name: <input type="text" name="fname">
<input type="submit" value="Submit">
</form>
ขั้นตอนที่ 2) เพิ่ม JavaScript:
หากช่องป้อนข้อมูล (fname) ว่างเปล่า ฟังก์ชันนี้จะแจ้งเตือนข้อความและคืนค่าเป็นเท็จ เพื่อป้องกันไม่ให้ส่งแบบฟอร์ม:
ตัวอย่าง
function validateForm() {
var x =
document.forms["myForm"]["fname"].value;
if (x == "") {
alert("Name must be filled out");
return false;
}
}