JavaScript表单提交验证示例代码

JavaScript是一种广泛使用的脚本语言，用于在网页上添加动态交互和功能。它可以在HTML页面中直接嵌入，也可以通过外部文件引入。JavaScript可以用来实现各种操作，例如表单验证、页面元素动画、交互式图形和游戏等。

以下是一个简单的JavaScript代码示例，用于在提交表单之前进行验证：

<form id="myForm">
  <label for="name">Name:</label>
  <input type="text" id="name" name="name"><br><br>
  <label for="email">Email:</label>
  <input type="email" id="email" name="email"><br><br>
  <input type="submit" value="Submit">
</form>

<script>
  const form = document.getElementById("myForm");
  form.addEventListener("submit", function(event) {
    event.preventDefault(); // Prevent form from being submitted
    const name = document.getElementById("name").value;
    const email = document.getElementById("email").value;
    if (!name || !email) {
      alert("Please enter both name and email.");
      return;
    }
    if (email.includes("@")) {
      alert("Please enter a valid email address.");
      return;
    }
    alert("Form submitted successfully!");
  });
</script>

在这个例子中，我们首先获取表单的引用，并添加一个"submit"事件监听器。当表单被提交时，我们调用preventDefault()方法来阻止表单默认的提交行为。然后我们获取输入框的值，并进行一些简单的验证。如果验证失败，我们弹出警告消息并阻止表单提交。如果验证通过，我们弹出成功消息来表示表单已经成功提交了。请注意，这只是一个简单的示例，实际上还需要更复杂的验证逻辑来确保输入的数据是有效的。