如何使用for循环和错误数组实现表单验证

// 表单验证函数
function validateForm(form) {
  var errors = []; // 错误数组

  // 遍历表单中的所有输入字段
  for (var i = 0; i < form.elements.length; i++) {
    var element = form.elements[i];
    
    // 检查必填字段是否为空
    if (element.required && element.value === '') {
      errors.push(element.name + '不能为空');
    }
    
    // 检查邮箱格式是否正确
    if (element.type === 'email' && !validateEmail(element.value)) {
      errors.push('邮箱格式不正确');
    }
    
    // 检查密码长度是否符合要求
    if (element.type === 'password' && element.value.length < 6) {
      errors.push('密码长度不能少于6位');
    }
    
    // 检查手机号格式是否正确
    if (element.type === 'tel' && !validatePhone(element.value)) {
      errors.push('手机号格式不正确');
    }
  }

  // 如果有错误，则显示错误信息
  if (errors.length > 0) {
    displayErrors(errors);
    return false;
  }

  // 表单验证通过
  return true;
}

// 显示错误信息
function displayErrors(errors) {
  var errorContainer = document.getElementById('error-container');
  errorContainer.innerHTML = '';

  // 创建错误列表
  var errorList = document.createElement('ul');
  
  // 遍历错误数组，创建错误项
  for (var i = 0; i < errors.length; i++) {
    var errorItem = document.createElement('li');
    errorItem.textContent = errors[i];
    errorList.appendChild(errorItem);
  }

  // 将错误列表添加到错误容器中
  errorContainer.appendChild(errorList);
}

// 邮箱格式验证函数
function validateEmail(email) {
  // 此处省略邮箱格式验证的具体实现
  return true;
}

// 手机号格式验证函数
function validatePhone(phone) {
  // 此处省略手机号格式验证的具体实现
  return true;
}