HTML,JavaScript注册账号编写详细流程

<h2>注册账号</h2><hr>
  <form action="" method="post">
      <!-- 登入账号 -->
        <label for="mynumber">登入账号*</label>
        <input  type="text" name="number" id="mynumber" placeholder="限小写字母或数字" required><br>
      <!-- 昵称 -->
        <label for="myname">你的昵称*</label>
        <input type="text" name="name" id="myname" placeholder="中英文皆可"><br>
      <!-- 邮件 -->
        <label for="E-mail">电子邮件*</label>
        <input type="email" name="E-mail" id="E-mail" required><br>
      <!-- 密码 -->
        <label for="mypassword">设置密码*</label>
        <input type="password" name="password" id="mypassword" required><br>
      <!-- 确认密码 -->
        <label for="Apassword">确认密码*</label>
        <input type="password" name="password" id="Apassword" required><br>
      <!-- 上传头像 -->
        <label for="uploading">上传头像</label>
        <input type="file" name="uploading" id="uploading" ><br><span>可上传100*100像素图片</span><br>
        <!-- 说明 -->
        <label for="explain">个人说明</label>
        <textarea name="explain" id="explain" placeholder="用一句话介绍一下自己，让小伙伴认识你。这将量示在你发布文章的页尾"></textarea><br>
      <!-- 个人主页 -->
        <label for="homepage">个人主页</label>
        <input type="text" name="homepage" id="homepage"><br>
      <!-- 注册按钮 -->
    <div>
      <input type="submit" name="btn" id="btn"  value="注册" style="display: block;">
    </div>
  </form>

JavaScript

//获取元素
let form = document.querySelector("form");
form.addEventListener("submit",(e) => {
  //阻止默认提交行为
  e.preventDefault();
  // 获取输入框中的内容
  let myNumber = document.querySelector("#mynumber").value;
  let myName = document.querySelector('#myname').value;
  let mail = document.querySelector('#E-mail').value;
  let myPassword = document.querySelector('#mypassword').value;
  let password = document.querySelector('#Apassword').value;
  let uploading = document.querySelector('#uploading').value;
  
  // 正则验证输入的信息
  let myNumberRegex = /[a-z,0-9]/;
  let myNameRegex = /\\w*|\\W*|[\\u4e00-\\u9fa5]/;
  let myPasswordRegex = /^.{6,32}$/;
  let uploadingRegex = /^.*\.png$/;

  if (!myNumberRegex.test(myNumber)){
    alert("限小写字母或数字");
    return;
  }
  if (!myNameRegex.test(myName)){
    alert("注册昵称中英文皆可");
    return;
  }
  if (!myPasswordRegex.test(myPassword)){
    alert("密码由6-32个字符组成");
    return;
  }
  if ((!myPassword === password)) {
    alert("与设置密码不符,请重新输入");
    return;
  }
  if (!uploadingRegex.test(uploading)) {
    alert("头像必须为.png格式的图片");
    return;
  }    
  // 验证通过，可以提交表单
  alert("恭喜，注册成功！");
});