模板文件下的 建立一個文件夾  member

register.html

<form class="my-4" onsubmit="return register(this);">
                <div class="form-group">
                    <label for="username">賬　號</label>
                    <input type="text" name="username" required id="username" onblur="isRegister()" class="form-control" placeholder="請輸入登錄賬號">
                    <div id="usernote"></div>
                </div>
                
                <div class="form-group">
                    <label for="nickname">昵　稱</label>
                    <input type="text" name="nickname" required id="nickname" class="form-control" placeholder="請輸入賬號昵稱">
                </div>
                
                <div class="form-group">
                    <label for="password">密　碼</label>
                    <input type="password" name="password" required id="password" class="form-control" placeholder="請輸入登錄密碼">
                </div>
                
                <div class="form-group">
                    <label for="rpassword">確認密碼</label>
                    <input type="password" name="rpassword" required id="rpassword" class="form-control" placeholder="請再次輸入登錄密碼">
                </div>
                
                {pboot@if({pboot:registercodestatus}==1)}
                <div class="form-group">
                    <div class="row">
                        <div class="col-6">
                            <input type="text" name="checkcode" required id="checkcode" class="form-control" placeholder="請輸入驗證碼">
                        </div>
                        <div class="col-6">
                            <img title="點擊刷新" style="height:33px;" id="codeimg" src="{pboot:checkcode}" onclick="this.src='{pboot:checkcode}?'+Math.round(Math.random()*10);" />
                        </div>
                    </div>
                </div>
                {/pboot@if}
                
                {pboot@if({pboot:registercodestatus}==2)}
                <div class="form-group">
                    <label for="checkcode">郵箱驗證碼</label>
                    <div class="row">
                        <div class="col-6">
                            <input type="text" name="checkcode" required id="checkcode" class="form-control" placeholder="請輸入驗證碼">
                        </div>
                        <div class="col-6">
                            <span  class="btn btn-info mb-2" onclick="sendEmail();">發送</span>
                        </div>
                    </div>
                </div>
                {/pboot@if}
                
                <div class="form-group">
                   <button type="submit" class="btn btn-info mb-2">立即注冊</button>
                   <span class="text-secondary ml-3">已有賬號？<a href="{pboot:login}">馬上登錄</a></span>
                </div>
            </form>
            
            
            <script>

//ajax注冊
function register(obj){
  var url='{pboot:register}';
  var username=$(obj).find("#username").val();
  var nickname=$(obj).find("#nickname").val();
  var password=$(obj).find("#password").val();
  var rpassword=$(obj).find("#rpassword").val();
  var sex=$(':radio[name="sex"]:checked').val();
  var checkcode=$(obj).find("#checkcode").val();

  $.ajax({
    type: 'POST',
    url: url,
    dataType: 'json',
    data: {
    	username: username,
    	nickname: nickname,
    	password: password,
    	rpassword: rpassword,
    	sex: sex,
    	checkcode: checkcode
    },
    success: function (response, status) {
      if(response.code){
    	 alert("注冊成功！");
		 location.href= response.tourl; 
      }else{
    	 $('#codeimg').click();
    	 alert(response.data);
      }
    },
    error:function(xhr,status,error){
      alert('返回數據異常！');
    }
  });
  return false;
}

//發送郵件驗證碼
function sendEmail(){
  var url='{pboot:sendemail}';
  var username=$("#username").val();
  if(!username){
	 $("#username").addClass("is-invalid");
 	 $("#usernote").addClass("invalid-feedback");
 	 $("#username").removeClass("is-valid");
 	 $("#usernote").removeClass("valid-feedback");
 	 $("#usernote").text("請輸入需要注冊的賬號！");
	 return false;
  }
  $.ajax({
    type: 'POST',
    url: url,
    dataType: 'json',
    data: {
    	to: username
    },
    success: function (response, status) {
      if(response.code){
    	 alert(response.data);
      }else{
    	 alert(response.data);
      }
    },
    error:function(xhr,status,error){
      alert('返回數據異常！');
    }
  });
  return false;
}

//檢查注冊賬號
function isRegister(){
  var url='{pboot:isregister}';
  var username=$("#username").val();
  if(!username){
	 $("#username").addClass("is-invalid");
 	 $("#usernote").addClass("invalid-feedback");
 	 $("#username").removeClass("is-valid");
 	 $("#usernote").removeClass("valid-feedback");
 	 $("#usernote").text("請輸入需要注冊的賬號！");
	 return false;
  }
  $.ajax({
    type: 'POST',
    url: url,
    dataType: 'json',
    data: {
    	username: username
    },
    success: function (response, status) {
      if(response.code){//已經被注冊
    	 $("#username").addClass("is-invalid");
    	 $("#usernote").addClass("invalid-feedback");
    	 
    	 $("#username").removeClass("is-valid");
    	 $("#usernote").removeClass("valid-feedback");
    	
      }else{//未被注冊
    	 $("#username").addClass("is-valid");
    	 $("#usernote").addClass("valid-feedback");
    	 
    	 $("#username").removeClass("is-invalid");
    	 $("#usernote").removeClass("invalid-feedback");
      }
      $("#usernote").text(response.data);
    },
    error:function(xhr,status,error){
      alert('返回數據異常！');
    }
  });
  return false;
}
</script>