fair-web/views/sign_up.ejs

<% this.title = 'Sign up' %>
<% include header %>
<div class="am-container am-g">
    <div class="am-u-sm-8 am-u-sm-centered">
        <h1>注册</h1>

        <div class="am-alert am-alert-danger am-u-sm-12 center" id="error" data-am-alert hidden>
            <p id="error_info">没什么可给你，但求凭这阙歌。谢谢你风雨里，都不退愿陪着我。</p>
        </div>
        <div class="am-u-sm-12">
            <form class="am-form am-form-horizontal">
                <div class="am-form-group">
                    <label class="am-u-sm-2 am-form-label">用户名</label>

                    <div class="am-u-sm-10">
                        <input type="text" placeholder="用户名将用于登陆" id="username" onkeydown="key_login()">
                    </div>
                </div>
                <div class="am-form-group">
                    <label class="am-u-sm-2 am-form-label">邮箱</label>

                    <div class="am-u-sm-10">
                        <input type="email" placeholder="电子邮箱" id="email" onkeydown="key_login()">
                    </div>
                </div>
                <div class="am-form-group">
                    <label class="am-u-sm-2 am-form-label">密码</label>

                    <div class="am-u-sm-10">
                        <fieldset class="am-form-set">
                            <input type="password" placeholder="设置一个密码吧" id="password1" onkeydown="key_login()">
                            <input type="password" placeholder="再输入一遍" id="password2" onkeydown="key_login()">
                        </fieldset>
                    </div>
                </div>

                <div class="am-form-group">
                    <div class="am-u-sm-10 am-u-sm-offset-2">
                        <p id="sign_up" class="am-btn am-btn-default">注册</p>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
<script type="text/javascript">
function key_login() {
	if (event.keyCode == 13) {
		submit();
	}
}
function show_error(error){
    $("#error_info").text(error);
    $("#error").show();
}
function success(){
    alert("注册成功了！\n没什么可给你，但求凭这阙歌。谢谢你风雨里，都不退愿陪着我。");
    window.location.href="/";
}
function submit(){
    if($("#password1").val()!=$("#password2").val()){
        show_error("两次密码不同");
        return;
    }
    password=$.md5($("#password1").val()+"syzoj2_xxx")
    $("#sign_up").text("请稍等 ......");
    $.ajax({
        url : '/api/sign_up',
        type : 'POST',
        data: {
          username: $("#username").val(),
          password: password,
          email: $("#email").val()
        },
        success : function(data) {
            error_code=data.error_code;
            switch(error_code){
                case 2001:
                    show_error("服务器未收到数据");
                    break;
                case 2005:
                case 2002:
                    show_error("用户名需要大于 3 个字符小于 16 个字符，仅允许字母数字和下划线");
                    break;
                case 2007:
                case 2003:
                    show_error("密码不得为空");
                    break;
                case 2004:
                case 2006:
                    show_error("请输入正确的邮箱");
                    break;
                case 2008:
                    show_error("已经有人用过这个用户名了");
                    break;
                case 1:
                    success();
                    break;
                default:
                    show_error("未知错误");
                    break;
            }
            $("#sign_up").text("注册");
        },
        error :  function(XMLHttpRequest, textStatus, errorThrown) {
            alert(XMLHttpRequest.responseText);
            show_error("未知错误");
            $("#sign_up").text("注册");
        }
    });
}
$(document).ready(function(){
    $("#sign_up").click(function(){
        submit();
    });
});
</script>

<% include footer %>