目录

如何 - 空字段的 JS 验证


了解如何使用 JavaScript 为空输入字段添加表单验证。


空输入的表单验证


步骤1)添加HTML:

示例

<form name="myForm" action="/action_page.html" 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;
  }
}
亲自试一试 »