JavaScript通过告警框显示前端用户输入用户名密码邮箱点击按钮提交

在JavaScript中，如果你想要让前端用户输入用户名、密码和邮箱，并在他们点击提交按钮时显示一个警告框确认信息，你可以这样做：

首先，你需要创建HTML表单元素，包括输入字段（如`<input>`标签）以及一个提交按钮（例如`<button type="submit">提交</button>`）。然后，给表单添加一个事件监听器，通常是`onsubmit`事件，当用户点击提交按钮时触发。

<form id="userForm">
  <label for="username">用户名：</label>
  <input type="text" id="username" name="username"><br>
  
  <label for="password">密码：</label>
  <input type="password" id="password" name="password"><br>

  <label for="email">邮箱：</label>
  <input type="email" id="email" name="email"><br>
  
  <button type="submit">提交</button>
</form>

接下来，在JavaScript文件中，你可以选择在`onsubmit`事件处理函数中阻止默认表单提交行为，并替换它为自定义的警告框提示：

document.getElementById('userForm').addEventListener('submit', function(event) {
  event.preventDefault(); // 阻止表单自动提交

  var username = document.getElementById('username').value;
  var password = document.getElementById('password').value;
  var email = document.getElementById('email').value;

  if (validateInput(username, password, email)) { // 假设 validateInput() 是验证函数
    alert('确认提交信息：\n用户名：' + username + '\n密码：(隐藏)\n邮箱：' + email);
  } else {
    alert('请检查输入信息！');
  }
});

这里假设`validateInput()`是一个用于检查用户输入是否合法的函数，实际项目中你需要根据需求添加适当的验证。