﻿<!DOCTYPE HTML>
<html>
<head>
<title>AngelsOnline - Higention - Member Center</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="title" content="AngelsOnline - Higention"/>
<meta name="keywords" content="AngelsOnline - Higention"/>
<meta property="og:type" content="website"/>
<meta property="og:title" content="AngelsOnline - Higention"/>
<meta property="og:description" content="AngelsOnline - Higention"/>
<link href="./css/layout.css" rel="stylesheet" type="text/css" />
<link href="./css/reset.css" rel="stylesheet" type="text/css" />
<!-- JQ -->
<script src="./scripts/jquery.min.js"></script>
<script type="text/javascript" language="javascript" src="./scripts/scroll_to_area.js"></script>
<script type="text/javascript" language="javascript" src="./scripts/popupmsg.js"></script>
	<style type="text/css">
<!--
td{margin:0;  padding: 10px 10px 10px 10px;border-bottom-width: 0px;border-top-style: none;border-right-style: none;border-bottom-style: solid;border-left-style: none;border-bottom-color: #e3d6d6;}
.STYLE1 {font-family: MingLiu, sans-serif;color: #565555;}
.table-c table{border-right:1px solid #e3d6d6;border-bottom:1px solid #e3d6d6;}
.table-c table td{border-left:1px solid #e3d6d6;border-top:1px solid #e3d6d6;font-size: 14px; padding: 10px 100px 10px 10px;}
-->
</style>
</head>
<script type="text/javascript">
	//onblur失去焦点事件，用户离开输入框时执行 JavaScript 代码：
	//函数1：验证邮箱格式
  	function validate_username(username){
  		//定义正则表达式的变量:邮箱正则
  		var usernamReg=/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;
  		//console.log(username);
  		if(username.length < 6 || username.length > 12)
  		{
			document.getElementById("test_user").innerHTML = "<font color='red' size='3px'>Please enter the game account!</font>";

  		}else{
    			document.getElementById("test_user").innerHTML = "<font color='green' size='3px'>√Account format is correct!</font>";
  		}
  	}
	//函数1：验证邮箱格式
  	function validate_email(email){
  		//定义正则表达式的变量:邮箱正则
  		var emailReg=/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;
  		//console.log(username);
  		if(email !="" && email.search(emailReg) != -1)
  		{
  			document.getElementById("test_email").innerHTML = "<font color='green' size='3px'>√Emailf ormat is correct!</font>";
  		}else{
  			document.getElementById("test_email").innerHTML = "<font color='red' size='3px'>Email format error!</font>";
  		}
  	}
 	//函数2：验证密码是否符合要求：匹配6位密码，由数字和字母组成：
  	function validate_password(password){
  		//^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{6-10}$
		//测试密码：12345y
  		var passwordReg=/^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{6,11}$/;
  		if(password != "" && passwordReg.test(password))
  		{
  			document.getElementById("test_pw").innerHTML = "<font color='green' size='3px'>√</font>";
  		}else{
  			document.getElementById("test_pw").innerHTML = "<font color='red' size='3px'>Password format error!</font>";

  		}
  	}
  	
	//函数3：验证两次输入的密码是否一样
  	 function validate_password2(password2){
  		var password = document.getElementById("passwd").value;
  		//测试：console.log(password);
  		//测试：console.log(password2);
  		if (password == ""){
			document.getElementById("is_test_pw").innerHTML = "<font color='red' size='3px'>Please enter the password!</font>";
		}else if(password==password2){
  			document.getElementById("is_test_pw").innerHTML = "<font color='green' size='3px'>√</font>";
  		}else{
  			document.getElementById("is_test_pw").innerHTML = "<font color='red' size='3px'>The verification password is incorrect!</font>";

  		}
  	} 
   	//函数2：phone：
  	function validate_phone(phone){
  		//^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{6-10}$
		//测试密码：12345y
  		var phoneReg=/^[0-9]+.?[0-9]{10,11}$/; 
  		if(phone != "" && phoneReg.test(phone))
  		{
  			document.getElementById("test_phone").innerHTML = "<font color='green' size='3px'>√</font>";
  		}else{
  			document.getElementById("test_phone").innerHTML = "<font color='red' size='3px'>'11' digits, insufficient digits, Add '0' in front!</font>";

  		}
  	}	
	//函数4：验证表单是否已经填好
  	function validate_form(){
  		var username = document.getElementById("username").value;
  		var email = document.getElementById("email").value;
  		var phone = document.getElementById("phone").value;
  		var password = document.getElementById("passwd").value;
  		var password2 = document.getElementById("repasswd").value;
  		//console.log("表单填写正确，可以正常提交！");
  	
  		//这三个，如果任何一个有问题，都返回false
  		//18128@qq.com		12345y
  		var emailReg=/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;
  		var passwordReg=/^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{6,11}$/;
  		var phoneReg=/^[0-9]+.?[0-9]{10,11}$/; 
  		if(username != "" && emailReg.test(email) && phoneReg.test(phone) && username.length > 5 && username.length < 12){
  			if(password !="" && passwordReg.test(password)){
  				if(password2==password){
  					alert("The information entered is correct!");
  					console.log("The information entered is correct!");
  					return true;
  				}else{
  					alert("Verify password is wrong! fill in again!");
  					console.log("Verify password is wrong! fill in again!");
  					return false;
  				}
  			}else{
  				alert("The password is in the wrong format!");
  				console.log("The password is in the wrong format!");
  				return false;
  			}
  		}else{
  			alert("The account format is wrong!");
  			console.log("The account format is wrong!");
  			return false;
  		}
  	}
  </script>
<body>
<a id="top"></a>
<div class="wrapper">
  <div class="wrapper_bottom">
    <div class="top">
      <div class="btn_logo"><a href="https://www.aopvp.com/" title="Entering the front page!" target="_blank"></a></div>
      <div class="menu">
        <ul>
          <li><a href="http://aopvp.com/pay/member.jsp" title="Apply for game account">Sign up for a game account</a></li>
          <li><a href="http://aopvp.com/portal.php?mod=view&aid=4" title="Stored game gold">Stored game gold</a></li>
          <li><a href="http://aopvp.com/portal.php?mod=view&aid=85" title="Contact game customer service">Contact game customer service</a></li>
          <div class="clear"></div>
        </ul>
      </div>
    </div>
    <div class="main">
    <div class="main_top"></div>
    <div class="main_mid"> 
 <div id="table-c">
          <table width="860" border="0" align="center" cellpadding="0" cellspacing="1" class="mytable">
            <form name="f1" action="" method="post" onSubmit="return checkfrom(this)">
              <tr>
                <td height="30" width="160" align="right">Account：</td>
                <td align="left" width="320"><input name="username" type="text" id="username" class="app_input" maxlength="20" style="width:300px; height:30px; font-size:16px;" placeholder="Letters and numbers, 6-12 digits" onBlur="validate_username(this.value)"/ >
                </td>
                <td id="test_user" align="left" width="285"></td>
              </tr>
              <tr>
                <td height="30" align="right">Password：</td>
                <td align="left"><input name="passwd" type="password" id="passwd" class="app_input" maxlength="20" style="width:300px; height:30px; font-size:16px;" placeholder="Letters and numbers, 6-20 digits" onBlur="validate_password(this.value)"/>
                </td>
                <td id="test_pw"></td>
              </tr>
              <tr>
                <td height="30" align="right">Verify Password：</td>
                <td align="left"><input name="repasswd" type="password" id="repasswd" class="app_input" maxlength="20" style="width:300px; height:30px; font-size:16px;" placeholder="Enter password again" onBlur="validate_password2(this.value)" />
                </td>
                <td id="is_test_pw"></td>
              </tr>
              <tr>
                <td height="30" align="right">Email：</td>
                <td align="left"><input name="email" type="email" id="email" class="app_input" maxlength="40" style="width:300px; height:30px; font-size:16px;" placeholder="Email address, important voucher" onBlur="validate_email(this.value)"/ >
                </td>
                <td id="test_email"></td>
              </tr>

              <tr>
                <td height="30" colspan="3" align="center"><span class="STYLE1">There is already an account！</span><a href="members.jsp" target="_blank">Login to Member Center</a></td>
              </tr>
              <tr>
                <input type="hidden" name="ptype" value="login" id="faceValue"/>
                <td height="30" colspan="3" align="center"><input name="Submit" type="submit" class="btn2 " value="Submission" onClick="return validate_form()" style="width:120px; height:40px;cursor:pointer; font-size:16px;" />
                  &nbsp&nbsp
                  <input type="reset" name="reset" value="Rewrite" style="width:120px; height:40px; cursor:pointer; font-size:16px;"></td>
              </tr>
            </form>
          </table>
        </div>
      </div>
    <div class="main_bottom"></div>
    <!--浮動按鈕-->
     <div id="sorolldiv1" class="float">
          <div class="float_menu">
          <div class="btn_gotop" id="btn_top"><a href="#top" title="Back to the top!"></a></div>
          </div>
     </div>
     <!--浮動按鈕結束--> 
    </div>
  </div>
</div>

<script type="text/javascript" src="./scripts/scroll_top_btn.js"></script>
</body>
</html>
