JavaScript实现表单验证

好的，以下是一个简单的 JavaScript 表单验证的示例：

HTML 代码：

<form id="myForm" 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>

  <label for="password">密码:</label>
  <input type="password" id="password" name="password"><br>

  <input type="submit" value="提交">
</form>

JavaScript 代码：

function validateForm() {
  var name = document.forms["myForm"]["name"].value;
  var email = document.forms["myForm"]["email"].value;
  var password = document.forms["myForm"]["password"].value;

  if (name == "") {
    alert("姓名不能为空");
    return false;
  }

  if (email == "") {
    alert("邮箱不能为空");
    return false;
  }

  if (password == "") {
    alert("密码不能为空");
    return false;
  }
}

在这个例子中，`validateForm()` 函数在表单提交之前执行，并且检查每个输入字段是否为空。如果任何一个字段为空，它会弹出一个警告框并返回 `false`，防止表单提交。如果所有字段都有值，那么它将返回 `true`，表单将被提交。