Warning: Undefined array key "HTTP_ACCEPT_LANGUAGE" in /volume1/web/htdocs/whiteout/include/data.php on line 189

Call Stack:
    0.0001     356584   1. {main}() /volume1/web/htdocs/whiteout/register.php:0
    0.0003     367376   2. require('/volume1/web/htdocs/whiteout/include/data.php') /volume1/web/htdocs/whiteout/register.php:7

<style>
.password-meter-wrap {
    margin-top: 5px;
    height: 16px;
    background-color: #ddd;
}

.password-meter-bar {
    width: 0;
    height: 100%;
    transition: width 400ms ease-in;
}

.password-meter-bar.level0 {
    width: 20%;
    background-color: #d00;
}
.password-meter-bar.level1 {
    width: 40%;
    background-color: #f50;
}
.password-meter-bar.level2 {
    width: 60%;
    background-color: #ff0;
}
.password-meter-bar.level3 {
    width: 80%;
    background-color: rgb(161, 168, 65);
}

.password-meter-bar.level4 {
    width: 100%;
    background-color: #393;
}

/* #LANG_overlay {
  position: fixed; /* Sit on top of the page content */
  display: inline-block; /* Hidden by default */
  //width: 100%; /* Full width (cover the whole page) */
  //height: 100%; /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.5); /* Black background with opacity */
  z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
 // cursor: pointer; /* Add a pointer on hover */
} */
</style>
<link rel="shortcut icon" href="images/whiteout150.png" type="image/x-icon" />

					<!-- For iPhone -->
			<link rel="apple-touch-icon" href="images/whiteout150.png">
		
					<!-- For iPhone Retina display -->
			<link rel="apple-touch-icon" sizes="114x114" href="images/whiteout150.png">
		
					<!-- For iPad -->
			<link rel="apple-touch-icon" sizes="72x72" href="images/whiteout150.png">
		<script src="https://cdnjs.cloudflare.com/ajax/libs/zxcvbn/4.2.0/zxcvbn.js"></script>

<div id="LANG_overlay"><table><tr>
	<td rowspan='2'>Lang: </td><td><a href='register.php?lang=en' title='English'>EN</a></td><td><a href='register.php?lang=it' title='Italiano'>IT</a></td><td><a href='register.php?lang=fr' title='Francais'>FR</a></td><td><a href='register.php?lang=es' title='Español'>ES</a></td><td><a href='register.php?lang=tr' title='Türkçe'>TR</a></td><td><a href='register.php?lang=ar' title='العربية'>AR</a></td><td><label title='中文'>ZH</label></td></tr><tr><td><a href='register.php?lang=en' title='English'><img src='images/en-flag.png' alt='EN' title='English' width=30px'></a></td><td><a href='register.php?lang=it' title='Italiano'><img src='images/it-flag.png' alt='IT' title='Italiano' width=30px'></a></td><td><a href='register.php?lang=fr' title='Francais'><img src='images/fr-flag.png' alt='FR' title='Francais' width=30px'></a></td><td><a href='register.php?lang=es' title='Español'><img src='images/es-flag.png' alt='ES' title='Español' width=30px'></a></td><td><a href='register.php?lang=tr' title='Türkçe'><img src='images/tr-flag.png' alt='TR' title='Türkçe' width=30px'></a></td><td><a href='register.php?lang=ar' title='العربية'><img src='images/ar-flag.png' alt='AR' title='العربية' width=30px'></a></td><td><img src='images/zh-flag.png' alt='ZH' title='中文' width=30px'></td></td></tr></table></div>

<center><br><br><br><h2><img src="images/whiteout30.png" alt="LND" title="LND"> 註冊 to LND's 聯盟 網站 <img src="images/whiteout30.png" alt="LND" title="LND"></h2><br>
<form id="register-page" action="register.php" method="post" novalidate><table border='1'>
<tr><td colspan='2'>選擇網站登錄的使用者名: <input id='username' type='text' value=''></td></tr>
<tr><td colspan='2'>電子郵件: <input id='email' type='text' value=''></td></tr>
<tr><td>
	<div class="form-group">
		<label for="password">密碼:</label> <input type="password" name="password1" id="password1" value='' class="form-control">
		<div class="password-meter-wrap">
			<div class="password-meter-bar"></div>
		</div>
	</div><span id="password-checklist"></span>
</td><td>
	<u><span id='showhidePW'>顯示</span></u>
</td></tr>
<tr><td>重複密碼: <input id='password2' type='password' value=''>
<span id='checkPWmatch'></span>
</td><td>
	<u><span id='showhidePW2'>顯示</span></u>
</td></tr>

<tr><td colspan='2'>遊戲中的名稱: <input id='gameIDname' type='text' value=''></td></tr>
<tr><td>遊戲ID#: <input id='gameIDnumber' type='number' value=''></td>
<td><input type="button" id="register" name="register" style="font-weight:bold;font-size:17px;background-color:green;" value="註冊"></td></tr>
</table></form>
<a href="login.php">已經註冊了嗎？在這裡登錄</a>
</center>

<script>
'use strict';

class PasswordMeter {
    constructor(selector) {
        this.wrappers = document.querySelectorAll(selector);
        if(this.wrappers.length > 0) {
            this.init(this.wrappers);
        }
    }
    init(wrappers) {
        wrappers.forEach(wrapper => {
            let bar = wrapper.querySelector('.password-meter-bar');
            let input = wrapper.previousElementSibling;

            input.addEventListener('keyup', () => {
                let value = input.value;
                bar.classList.remove('level0', 'level1', 'level2', 'level3', 'level4');
                let result = zxcvbn(value);
                let cls = `level${result.score}`;
                bar.classList.add(cls);
            }, false);
        });
    }
}

document.addEventListener('DOMContentLoaded', () => {
    const passwordMeter = new PasswordMeter('.password-meter-wrap');
}, false);
</script>
<script src="js/jquery-3.7.1.min.js"></script>
<script>
$(document).ready(function() {
	let PWupper=false, PWlower=false, PWnumber=false, PWlength='';
	$('#register').click(function() {
		event.preventDefault();
		let ifMissing = 'false';
		let username = $('#username').val();
		let email = $('#email').val();
		let password1 = $('#password1').val();
		let password2 = $('#password2').val();
		let gameIDname = $('#gameIDname').val();
		let gameIDnumber = $('#gameIDnumber').val();
		if(username=='') {
			ifMissing = 'true';
			$('#username').css('background-color', '#FAA0A0');
		} else $('#username').css('background-color', '');
		if(email=='' || !isEmail(email)) {
			ifMissing = 'true';
			$('#email').css('background-color', '#FAA0A0');
		} else $('#email').css('background-color', '');
		if(password1=='' || PWupper!=true || PWlower!=true || PWnumber!=true || PWlength!='correct') {
			ifMissing = 'true';
			$('#password1').css('background-color', '#FAA0A0');
		} else $('#password1').css('background-color', '');
		if(password2=='') {
			ifMissing = 'true';
			$('#password2').css('background-color', '#FAA0A0');
		} else $('#password2').css('background-color', '');
		if(gameIDname=='') {
			ifMissing = 'true';
			$('#gameIDname').css('background-color', '#FAA0A0');
		} else $('#gameIDname').css('background-color', '');
		if(gameIDnumber=='') {
			ifMissing = 'true';
			$('#gameIDnumber').css('background-color', '#FAA0A0');
		} else $('#gameIDnumber').css('background-color', '');
		
		if(ifMissing=='false') {			
			//$('#register-page').attr('action', "register.php").submit();
			//$("#register").prop("disabled",true);
			//$('#register-page').submit();
			
			// Construct form data object
			let formData = {
				username: username,
				email: email,
				password1: password1,
				password2: password2,
				gameIDname: gameIDname,
				gameIDnumber: gameIDnumber
			};

			// Disable register button
			$("#register").prop("disabled", true);

			// Set form action dynamically
			$('#register-page').attr('action', "register.php");

			// Submit the form with form data
			$.post($('#register-page').attr('action'), formData, function(response) {
				document.body.innerHTML = response;
				// Handle response if needed
				//console.log(response);
				// Optionally redirect to another page
				// window.location.href = "success.php";
			});
		}
	});
	let showhidePW = 'hide';
	$('#showhidePW,#showhidePW2').click(function() {
		if(showhidePW == 'hide') {
			showhidePW='show';
			$('#showhidePW').html('隱藏');
			$('#showhidePW2').html('隱藏');
			$('#password1').attr('type', 'text');
			$('#password2').attr('type', 'text');
		} else {
			showhidePW='hide';
			$('#showhidePW').html('顯示');
			$('#showhidePW2').html('顯示');
			$('#password1').attr('type', 'password');
			$('#password2').attr('type', 'password');
		}
	});
	$("#password1,#password2").on('input', function() {
		let pass1 = $('#password1').val();
		let pass2 = $('#password2').val();
		if(pass1!='') {
			PWupper=false; PWlower=false; PWnumber=false; PWlength='';
			//delete30.png
			//checkmark30.png
			
			//Between 8 and 60 characters long
			if (pass1.length >= 8 && pass1.length <= 60) {
				PWlength='correct';
			} else if (pass1.length > 60) PWlength='longer';
			else if (pass1.length < 8) PWlength='shorter';
			
			//At least one uppercase letter
			if (/[A-Z]/.test(pass1)) PWupper=true;
			
			//At least one lowercase letter
			if (/[a-z]/.test(pass1)) PWlower=true;
			
			//At least one digit
			if (/\d/.test(pass1)) PWnumber=true;
			//Password meets all requirements
			
			if(PWupper!=true || PWlower!=true || PWnumber!=true || PWlength!='correct') {
				let upperSTR='', lowerSTR='', numberSTR='', lengthSTR='';
				if(PWupper!=true) upperSTR='<img src="images/delete20.png" width="20px">至少 1 個大寫字母<br>';
				else upperSTR='<img src="images/checkmark20.png" width="20px">至少 1 個大寫字母<br>';
				
				if(PWlower!=true) lowerSTR='<img src="images/delete20.png" width="20px">至少 1 個小寫字母<br>';
				else lowerSTR='<img src="images/checkmark20.png" width="20px">至少 1 個小寫字母<br>';
				
				if(PWnumber!=true) numberSTR='<img src="images/delete20.png" width="20px">至少包含 1 位數位<br>';
				else numberSTR='<img src="images/checkmark20.png" width="20px">至少包含 1 位數位<br>';
				
				if(PWlength!='correct') lengthSTR='<img src="images/delete20.png" width="20px">長度介於 8 到 60 個字元之間';
				else lengthSTR='<img src="images/checkmark20.png" width="20px">長度介於 8 到 60 個字元之間';
				
				$('#password-checklist').html(upperSTR+lowerSTR+numberSTR+lengthSTR);
			} else $('#password-checklist').html('<img src="images/checkmark20.png" width="20px">密碼滿足所有要求');
		} else $('#password-checklist').html('');
		
		if(pass1===pass2) {
			if(pass2=='') $('#checkPWmatch').html('');
			else $('#checkPWmatch').html('<br>密碼匹配');
			$('#checkPWmatch').css('color', 'green');
			$('#checkPWmatch').css('font-weight', '');
		} else {
			$('#checkPWmatch').html('<br>密碼不匹配');
			$('#checkPWmatch').css('color', 'red');
			$('#checkPWmatch').css('font-weight', 'bold');
		}
	});
	function isEmail(email) {
		var regex = /^([a-zA-Z0-9_'.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,6})+$/;
		return regex.test(email);
	}
});
</script>