使用数组字段名进行Javascript表单验证

// 定义字段名数组
var fieldNames = ['username', 'password', 'email'];

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

  // 遍历字段名数组
  fieldNames.forEach(function(fieldName) {
    var fieldValue = document.forms["myForm"][fieldName].value;

    // 根据字段名进行相应的验证
    switch (fieldName) {
      case 'username':
        if (fieldValue.length < 5) {
          errors.push("用户名长度不能少于5个字符");
        }
        break;
      case 'password':
        if (fieldValue.length < 8) {
          errors.push("密码长度不能少于8个字符");
        }
        break;
      case 'email':
        if (!validateEmail(fieldValue)) {
          errors.push("请输入有效的邮箱地址");
        }
        break;
      // 添加其他字段的验证规则
    }
  });

  // 如果有错误信息，则显示错误并阻止表单提交
  if (errors.length > 0) {
    alert(errors.join("\n"));
    return false;
  }

  return true;
}

// 表单提交事件
document.forms["myForm"].addEventListener("submit", function(event) {
  if (!validateForm()) {
    event.preventDefault();
  }
});

// 邮箱验证函数
function validateEmail(email) {
  // 简单的邮箱验证正则表达式
  var emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
  return emailRegex.test(email);
}