如何在只使用javascript和DOM元素的情况下使用表单验证？

// 获取表单元素
const form = document.getElementById('myForm');

// 监听表单提交事件
form.addEventListener('submit', function(event) {
  // 阻止表单提交
  event.preventDefault();

  // 表单验证函数
  function validateForm() {
    // 获取表单输入值
    const name = document.getElementById('name').value;
    const email = document.getElementById('email').value;

    // 进行验证
    if (name === '') {
      showError('name', '请输入姓名');
      return false;
    }

    if (email === '') {
      showError('email', '请输入邮箱');
      return false;
    }

    if (!isValidEmail(email)) {
      showError('email', '请输入有效的邮箱地址');
      return false;
    }

    return true;
  }

  // 显示错误信息
  function showError(field, message) {
    const errorElement = document.createElement('div');
    errorElement.className = 'error';
    errorElement.innerText = message;

    const inputElement = document.getElementById(field);
    inputElement.classList.add('error');
    inputElement.parentNode.insertBefore(errorElement, inputElement.nextSibling);
  }

  // 验证邮箱地址的函数
  function isValidEmail(email) {
    // 此处省略邮箱验证的具体逻辑
    return true;
  }

  // 执行表单验证
  if (validateForm()) {
    // 表单验证通过，可以进行后续操作，如提交表单数据
    form.submit();
  }
});