74 lines
2.8 KiB
HTML
74 lines
2.8 KiB
HTML
|
{% block body %}
|
|||
|
|
{% if session['logged_in'] %}
|
|||
|
|
|
|||
|
|
You're logged in already! <a href="/logout">Logout</a>.
|
|||
|
|
|
|||
|
|
{% else %}
|
|||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=3.0, user-scalable=yes" />
|
|||
|
|
<link rel="stylesheet" href="static/css/login_service.css">
|
|||
|
|
<script src="static/js/jquery.js"></script>
|
|||
|
|
<script>
|
|||
|
|
function signup() {
|
|||
|
|
let username = $("#username").val();
|
|||
|
|
let password = $("#password").val();
|
|||
|
|
let password2 = $("#password2").val();
|
|||
|
|
let regex = /^[a-zA-Z0-9_]*$/;
|
|||
|
|
|
|||
|
|
if (username === "" || password === "" || password2 === ""){
|
|||
|
|
alert('输入不能为空!');
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
if (password !== password2) {
|
|||
|
|
alert('确认密码与输入密码不一致！');
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
if (password.length < 4) {
|
|||
|
|
alert('密码过于简单。(密码长度至少4位)');
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
if (!regex.test(username) || !regex.test(password)) {
|
|||
|
|
alert('用户名和密码只能包含英文字母和数字！');
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
$.post("/signup", {'username': username, 'password': password},
|
|||
|
|
function (response) {
|
|||
|
|
if (response.status === '0') {
|
|||
|
|
alert('用户名'+username+'已经被注册。');
|
|||
|
|
window.location.href = "/signup";
|
|||
|
|
} else if (response.status === '1') {
|
|||
|
|
alert('用户名密码验证失败。');
|
|||
|
|
window.location.href = "/signup";
|
|||
|
|
} else if (response.status === '2') {
|
|||
|
|
let f = confirm("恭喜，你已成功注册，你的用户名是"+username+'.\n点击“确认”开始使用，或点击“取消”返回首页');
|
|||
|
|
if (f) {
|
|||
|
|
window.location.href = '/'+username+'/userpage';
|
|||
|
|
} else {
|
|||
|
|
window.location.href = '/';
|
|||
|
|
}
|
|||
|
|
} else if (response.status === '3') {
|
|||
|
|
alert(response.warn);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
);
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
<p>{{ get_flashed_messages()[0] | safe }}</p>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div class="container">
|
|||
|
|
|
|||
|
|
<section class="signin-heading">
|
|||
|
|
<h1>Sign up</h1>
|
|||
|
|
</section>
|
|||
|
|
|
|||
|
|
<p><input type="text" id="username" placeholder="输入用户名" class="username"></p>
|
|||
|
|
<p><input type="password" id="password" placeholder="输入密码" class="password"></p>
|
|||
|
|
<p><input type="password" id="password2" placeholder="确认密码" class="password" ></p>
|
|||
|
|
<button type="button" class="btn" onclick="signup()">注册</button>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
{% endif %}
|
|||
|
|
{% endblock %}
|