空字段的 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）为空，该函数会提示一条消息，并返回false，以防止表单被提交:

实例

function validateForm() {
  var x = document.forms["myForm"]["fname"].value;
  if (x == "") {
    alert("Name must be filled out");
    return false;
  }
} 亲自试一试 »