js实现注册表单注册包含用户名、昵称、密码、确认密码、选择性别、Emile、失去焦点时，验证用户名、密码、email地址不能为空。对email地址进行校验

HTML代码：

<form>
  <label>用户名：</label>
  <input type="text" id="username">
  <br>
  <label>昵称：</label>
  <input type="text" id="nickname">
  <br>
  <label>密码：</label>
  <input type="password" id="password">
  <br>
  <label>确认密码：</label>
  <input type="password" id="confirm-password">
  <br>
  <label>性别：</label>
  <input type="radio" name="gender" value="male">男
  <input type="radio" name="gender" value="female">女
  <br>
  <label>Email：</label>
  <input type="email" id="email">
  <br>
  <button type="button" onclick="register()">注册</button>
</form>

JavaScript代码：

function register() {
  var username = document.getElementById("username").value;
  var nickname = document.getElementById("nickname").value;
  var password = document.getElementById("password").value;
  var confirmPassword = document.getElementById("confirm-password").value;
  var gender = document.querySelector('input[name="gender"]:checked');
  var email = document.getElementById("email").value;

  // 验证用户名、密码、email地址不能为空
  if (username === "") {
    alert("用户名不能为空");
    return;
  }
  if (password === "") {
    alert("密码不能为空");
    return;
  }
  if (email === "") {
    alert("Email地址不能为空");
    return;
  }

  // 验证Email地址格式是否正确
  var reg = /^\w+@[a-zA-Z_]+?\.[a-zA-Z]{2,3}$/;
  if (!reg.test(email)) {
    alert("Email地址格式不正确");
    return;
  }

  // 注册成功
  alert("注册成功");
}

在失去焦点时，可以使用`onblur`事件来验证输入框的内容是否为空。例如：

<input type="text" id="username" onblur="validateUsername()">

JavaScript代码：

function validateUsername() {
  var username = document.getElementById("username").value;
  if (username === "") {
    alert("用户名不能为空");
  }
}