Skip to content

M
miaosha

晶之木 / miaosha
与 Fork 源项目一致

从无法访问的项目Fork

通知 2
Star 0
Fork 0
M
miaosha

前往新版Gitcode，体验更适合开发者的 AI 搜索 >>

切换分支/标签
查找文件 普通视图历史永久链接Permalink
register.html 4.8 KB
Newer Older
Q
增加注册功能  
qiurunze 已提交
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
	<script type="text/javascript" th:src="@{/js/common1.js}"></script>
	<script type="text/javascript" th:src="@{/js/common.js}"></script>
	<script type="text/javascript" th:src="@{/js/jquery.min.js}" ></script>
	<script type="text/javascript" th:src="@{/layer/layer.js}"></script>
	<!-- md5.js -->
	<script type="text/javascript" th:src="@{/js/md5.min.js}"></script>
		<meta charset="utf-8" />
		<title>注册界面</title>
		<link rel="stylesheet" th:href="@{/css/reset.css}" />
		<link rel="stylesheet" th:href="@{/css/common.css}" />
		<link rel="stylesheet" th:href="@{/css/font-awesome.min.css}" />
<script>
    $(function() {// 初始化内容
Q
提交注册验证码校验  
qiurunze 已提交
17 
        $("#verifyCodeImg").attr("src", "/miaosha/verifyCodeRegister");
Q
增加注册功能  
qiurunze 已提交
18 19 20 
        $("#verifyCodeImg").show();
    });
    function refreshVerifyCode(){
Q
提交注册验证码校验  
qiurunze 已提交
21 
        $("#verifyCodeImg").attr("src", "/miaosha/verifyCodeRegister");
Q
增加注册功能  
qiurunze 已提交
22 
    };
Q
注解拦截器  
qiurunze 已提交
23 24 25 26 27 28 29 30 31 

    function checkPhone(phone){
        if(!(/^1[34578]\d{9}$/.test(phone))){
            alert("手机号码有误，请重填");
            return false;
        }
    }

    function register_go() {
Q
增加注册功能  
qiurunze 已提交
32 33 34 
		var username =$("#username").val();
	    var inputPass = $("#password").val();
		var passwordrepeat = $("#repassword").val();
Q
提交注册验证码校验  
qiurunze 已提交
35 
		var verifyCode = $("#verifyCode").val();
Q
注解拦截器  
qiurunze 已提交
36 37 38 39 40 
		var check = checkPhone(username);
		if(check){
		    alert("手机号不符合要求");
		    return ;
		}
Q
增加注册功能  
qiurunze 已提交
41 42 43 44 45 46 47 48 49 50 51 
        if(inputPass==""||inputPass==null||inputPass == undefined ){
            alert("密码不能为空！");
            return ;
        }
        if(username==""||username==null||username == undefined ){
            alert("用户名不能为空！");
            return ;
        }
        if(inputPass!=passwordrepeat){
            alert("密码不一致！");
		}
Q
提交注册验证码校验  
qiurunze 已提交
52 53 54 
        if(verifyCode!=verifyCode){
            alert("验证码不能为空！");
        }
Q
增加注册功能  
qiurunze 已提交
55 56 57 58 59 60 61 62 63 64 
        var salt = g_passsword_salt;
        var str = ""+salt.charAt(0)+salt.charAt(2) + inputPass +salt.charAt(5) + salt.charAt(4);
        var password = md5(str);
	    g_showLoading();
        $.ajax({
            url: "/user/register",
            type: "POST",
            data:{
                username:$("#username").val(),
                password: password,
Q
提交注册验证码校验  
qiurunze 已提交
65 66 
				salt:salt,
                verifyCode:verifyCode
Q
增加注册功能  
qiurunze 已提交
67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 
            },
            success:function(data){
                layer.closeAll();
                if(data.code == 0){
                    layer.msg("成功");
                    window.location.href="/goods/to_list";
                }else{
                    layer.msg(data.message);
                }
            },
            error:function(){
                layer.closeAll();
            }
        });
    }


</script>
	</head>
	<body>
	<form name="registerForm" id="registerForm" method="post"  >
		<div class="wrap login_wrap">
			<div class="content">
				<div class="logo"></div>
				<div class="login_box">
					<div class="login_form">
						<div class="login_title">
							注册
						</div>
						<form action="#" method="post">
							
							<div class="form_text_ipt">
								<input id="username" name="username" type="text" placeholder="手机号" />
							</div>
							<div class="ececk_warning"><span>手机号/邮箱不能为空</span></div>
							<div class="form_text_ipt">
								<input id="password" name="password" type="password" placeholder="密码" />
							</div>
							<div class="ececk_warning"><span>密码不能为空</span></div>
							<div class="form_text_ipt">
								<input id="repassword" name="repassword" type="password" placeholder="重复密码" />
							</div>
							<div class="ececk_warning"><span>密码不能为空</span></div>
							<div class="form_text_ipt">
Q
提交注册验证码校验  
qiurunze 已提交
111 
								<img id="verifyCodeImg" width="80" height="32" src="/miaosha/verifyCodeRegister" type="text" onclick="refreshVerifyCode()" />
Q
增加注册功能  
qiurunze 已提交
112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 
							</div>
							<div class="form_text_ipt">
							<input id="verifyCode"  name="verifyCode"  type="text" placeholder="验证码"/>
							</div>
							<div class="ececk_warning"><span>验证码不能为空</span></div>
							
							<div class="form_btn">
								<button type="button" onclick="register_go()">注册</button>
							</div>
							<div class="form_reg_btn">
								<span>已有帐号？</span><a href="/login/to_login">马上登录</a>
							</div>
						</form>
						<div class="other_login">
							<div class="left other_left">
								<span>其它登录方式</span>
							</div>
							<div class="right other_right">
								<a href="#"><i class="fa fa-qq fa-2x"></i></a>
								<a href="#"><i class="fa fa-weixin fa-2x"></i></a>
								<a href="#"><i class="fa fa-weibo fa-2x"></i></a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div style="text-align:center;">
<p>秒杀系统登陆--by GeekQ</p>
</div>
	</form>
	</body>
</html>