表单验证示例

这是一个关于HTML动态内容中表单验证的示例。表单验证是确保用户输入正确信息的重要手段，可以提升用户体验并提高数据质量。

示例代码

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

<!DOCTYPE html>
<html>
<head>
  <title>表单验证示例</title>
</head>
<body>
  <form action="/submit-form" method="post" onsubmit="return validateForm()">
    <label for="name">姓名:</label>
    <input type="text" id="name" name="name"><br><br>
    <label for="email">邮箱:</label>
    <input type="email" id="email" name="email"><br><br>
    <input type="submit" value="提交">
  </form>

  <script>
    function validateForm() {
      var name = document.getElementById('name').value;
      var email = document.getElementById('email').value;
      if(name == "" || email == "") {
        alert("请填写所有字段！");
        return false;
      }
      return true;
    }
  </script>
</body>
</html>

扩展阅读

如果您想了解更多关于HTML表单验证的知识，可以阅读以下文章：

HTML表单验证教程

图片示例