根据您提供的信息，如果在表单提交后出现多个警报变体，可能是由于表单验证或处理逻辑的错误导致的。下面是一种解决方法的示例代码：

HTML表单：

JavaScript代码：

function validateForm() {
  var name = document.getElementById("name").value;
  var email = document.getElementById("email").value;
  var isValid = true;

  // 输入验证逻辑
  if (name === "") {
    alert("请填写姓名");
    isValid = false;
  }
  
  if (email === "") {
    alert("请填写邮箱");
    isValid = false;
  } else if (!validateEmail(email)) {
    alert("请输入有效的邮箱地址");
    isValid = false;
  }

  // 处理逻辑
  if (isValid) {
    // 执行表单提交的逻辑
    // ...
  }

  return isValid;
}

function validateEmail(email) {
  // 邮箱地址验证逻辑
  // ...

  return true; // 返回验证结果
}

在上述代码中，我们首先定义了一个validateForm函数，该函数在表单提交时被调用。在这个函数中，我们获取了姓名和邮箱的值，并进行验证。如果姓名或邮箱为空或不符合指定的格式要求，我们将通过alert方法显示相应的警报。如果一切验证通过，我们可以在表单提交逻辑中执行其他操作。

请注意，上述示例只是一种解决方法，并且可以根据具体需求进行修改。您可以根据实际情况添加其他验证规则和处理逻辑。