不使用alert弹窗，显示提示信息

<!-- 提示信息容器 -->
      <div class="container">
        <!-- 登陆成功提示窗 -->
        <div id="alert-success">
          登陆成功
        </div>
        <!-- 注册信息为空的提示窗 -->
        <div id="alert-waring">
          信息为空
        </div>
        <!-- 手机号已存在提示窗 -->
        <div id="alert-false">
          手机号已存在
        </div>
        <div id="alert-info">
          注册信息错误，<br>请重新输入
        </div>
      </div>

/* 设置容器样式 */
.container {
  display: flex;
  justify-content: center;
  align-items: center;
}
/* 设置提示窗口 */
#alert-success,
#alert-waring,
#alert-false,
#alert-info {
  display: none;
  position: fixed;
}
/* 设置成功提示窗口 */
#alert-success {
  top: 0;
  text-align: center;
  padding: 10px 20px;
  border-radius: 5px;
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
/* 设置手机号已存在提示窗口 */
#alert-false {
  top: 0;
  text-align: center;
  padding: 10px 20px;
  border-radius: 5px;
  color: #ff5500;
  background-color: #95dfdf;
  border-color: #d6e9c6;
}
/* 设置输入为空提示窗口 */
#alert-waring {
  top: 0;
  text-align: center;
  padding: 10px 20px;
  border-radius: 5px;
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1
}
/* 设置信息输入错误窗口 */
#alert-info {
  top: 0;
  text-align: center;
  padding: 10px 20px;
  border-radius: 5px;
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}

<!-- 注册按钮 -->
    <div class="but" onclick="sub()" id="submit">
      <p>注册</p>
    </div>

注册点击事件
function sub() {
  // 获取手机号、密码、姓名、性别和头像
  let tel = $("#tel").val();
  let pass = $("#pwd").val();
  let nam = $("#name").val();
  let gender = $("input[name='sex']:checked").val();
  let avatar = urlImg
  console.log(tel);
  console.log(pass);
  console.log(nam);
  console.log(gender);
  console.log(avatar);
  // 如果注册信息的值为空
  if (tel != "" && pass != "" && nam != "" &&
    gender != undefined && avatar != "") {
    // 如果填写信息的值正确，就请求接口
    if (reg.test(tel) == true && (regs.test(pass) == true) && (regss.test(nam))) {
      $.ajax({
        url: "https://c2c.kuxia.top/webapi/user/register",
        type: "post",
        // data表示发送的数据
        data: {
          tel: tel,
          pass: pass,
          name: nam,
          gender: gender,
          avatar: urlImg
        },
        //成功响应的结果
        success: function(res) {
          console.log(res);
          // 返回状态码为1
          if (res.code == 1) {
            // 提示登陆成功，跳转登录界面
            $("#alert-success").css("display", "block").fadeOut(2000, );
            location.href = "./index.html";
          }
          // 如果返回的状态码为0
          if (res.code == 0) {
            // 手机号已存在的提示信息
            $("#alert-false").css("display", "block").fadeOut(2000, );
            // 手机号提示错号
            $(".tel").text('×').css("color", "red");
          }
        }
      });
      // 注册信息填写错误的提示信息
    } else {
      $("#alert-info").css("display", "block").fadeOut(2000, );
    }
    // 注册信息为空时的提示信息
  } else {
    $("#alert-waring").css("display", "block").fadeOut(2000, );
  }
}