首頁 探索 說明
註冊 登入
bulomakaka
/
ekexiu.app
關註 2
讚好 1
派生 0
代碼 問題管理 0 合併請求 0 提交歷史 532 版本發佈 0 Wiki
瀏覽代碼

新版登录注册找回密码

luyanan 8 年之前
父節點
9a79bdedf2
當前提交
784702f4fc
共有 5 個文件被更改，包括 512 次插入 和 0 次删除
分割檢視 顯示文件統計
  1. 119 0
      app/html/loginNew.html
  2. 117 0
      app/html/loginTelNew.html
  3. 44 0
      app/html/pwdFindNew.html
  4. 107 0
      app/html/pwdSetNew.html
  5. 125 0
      app/html/registerNew.html

+ 119 - 0
app/html/loginNew.html
查看文件 

@ -0,0 +1,119 @@
1 
<!doctype html>
2 
<html>
3
4 
	<head>
5 
		<meta charset="UTF-8">
6 
		<title>登录</title>
7 
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
8 
		<link href="../css/mui.min.css" rel="stylesheet" />
9 
		<link href="../css/app.css" rel="stylesheet" />
10 
	</head>
11
12 
	<body>
13 
		<header class="mui-bar mui-bar-nav toptitbox">
14 
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left topback"></a>
15 
		    <h1 class="mui-title toptit">登录</h1>
16 
		    <span class="mui-pull-right topsave" id='reg'>注册</span>
17 
		</header>
18 
		<div class="mui-content">
19 
		    <form class="mui-input-group frmboxNew">
20 
		        <div class="mui-input-row frm-input">
21 
		            <input type="text" class="mui-input-clear frmtype" placeholder="请输入账号" id="username">
22 
		        </div>
23 
		        <div class="mui-input-row frm-input">
24 
					<input id='password' type="password" class="frmtype" placeholder="请输入密码">
25 
				</div>
26 
		    </form>
27
28 
		    <div class="mui-content-padded frmboxNew">
29 
				<button id='login' class="mui-btn mui-btn-block frmbtn frmactive2">登&nbsp;录</button>
30 
				<p class="otherWordNew">
31 
					<span class="mui-pull-left">短信登录</span>
32 
					<span id='forgetPassword' class="mui-pull-right">忘记密码?</span>
33 
				</p>
34 
			</div>
35
36 
			<div class="quickbox">
37 
				<span class="borderword">直接登录</span>
38 
				<div class="quickway">
39 
					<span class="mui-icon mui-icon-weixin quickicon weixinicon" id="weixin"></span>
40 
					<span class="mui-icon mui-icon-qq quickicon qqicon"></span>
41 
				</div>
42 
			</div>
43 
		</div>
44 
		<script src="../js/public/mui.min.js"></script>
45 
		<script src="../js/public/base.js"></script>
46 
		<script src="../js/login.js"></script>
47 
		<script type="text/javascript">
48 
			var auths;
49 
			mui.plusReady(function() {
50 
	            plus.oauth.getServices(function(services) {
51 
	                auths = services;
52 
	            }, function(e) {
53 
	                alert("获取登录服务列表失败：" + e.message + " - " + e.code);
54 
	            });
55 
	        })
56
57 
	        function authLogin(type) {
58 
	            var s;
59 
	            for (var i = 0; i < auths.length; i++) {
60 
	                if (auths[i].id == type) {
61 
	                    s = auths[i];
62 
	                    break;
63 
	                }
64 
	            }
65 
	            if (!s.authResult) {
66 
	                s.login(function(e) {
67 
	                    mui.toast("登录认证成功！");
68 
	                    authUserInfo(type);
69 
	                }, function(e) {
70 
	                    mui.toast("登录认证失败！");
71 
	                });
72 
	            } else {
73 
	                mui.toast("已经登录认证！");
74 
	            }
75 
	        }
76
77 
			// 微信登录认证信息
78 
	        function authUserInfo(type) {
79 
	            var s;
80 
	            for (var i = 0; i < auths.length; i++) {
81 
	                if (auths[i].id == type) {
82 
	                    s = auths[i];
83 
	                    break;
84 
	                }
85 
	            }
86 
	            if (!s.authResult) {
87 
	                mui.toast("未授权登录！");
88 
	            } else {
89 
	                s.getUserInfo(function(e) {
90 
	                    var josnStr = JSON.stringify(s.userInfo);
91 
	                    var jsonObj = s.userInfo;
92 
	                    console.log("获取用户信息成功：" + josnStr);
93 
	                    //showData(type,jsonObj);
94 
	                    authLogout();
95 
	                }, function(e) {
96 
	                    alert("获取用户信息失败：" + e.message + " - " + e.code);
97 
	                });
98 
	            }
99 
	        }
100
101
102 
		 //注销
103 
        function authLogout() {
104 
            for (var i in auths) {
105 
                var s = auths[i];
106 
                if (s.authResult) {
107 
                    s.logout(function(e) {
108 
                        console.log("注销登录认证成功！");
109 
                    }, function(e) {
110 
                        console.log("注销登录认证失败！");
111 
                    });
112 
                }
113 
            }
114 
        }
115
116 
		</script>
117 
	</body>
118
119 
</html>

+ 117 - 0
app/html/loginTelNew.html
查看文件 

@ -0,0 +1,117 @@
1 
<!doctype html>
2 
<html>
3
4 
	<head>
5 
		<meta charset="UTF-8">
6 
		<title>短信登录</title>
7 
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
8 
		<link href="../css/mui.min.css" rel="stylesheet" />
9 
		<link href="../css/app.css" rel="stylesheet" />
10 
	</head>
11
12 
	<body>
13 
		<header class="mui-bar mui-bar-nav toptitbox">
14 
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left topback"></a>
15 
		    <h1 class="mui-title toptit">短信登录</h1>
16 
		    <span class="mui-pull-right topsave" id='reg'>注册</span>
17 
		</header>
18 
		<div class="mui-content">
19 
		    <form class="mui-input-group frmboxNew">
20 
		        <div class="mui-input-row frm-input">
21 
		            <input type="tel" class="mui-input-clear frmtype" placeholder="请输入手机号">
22 
		        </div>
23 
		        <div class="mui-input-row mui-row frm-input">
24 
		        	<div class="mui-col-xs-8">
25 
		        		<input id='password' type="password" class="frmtype" placeholder="请输入验证码">
26 
		        	</div>
27 
					<div class="mui-col-xs-4">
28 
						<input type="button" class="frmtype getCode" value="获取验证码">
29 
					</div>
30 
				</div>
31 
		    </form>
32
33 
		    <div class="mui-content-padded frmboxNew">
34 
				<button id='login' class="mui-btn mui-btn-block frmbtn frmactive2">登&nbsp;录</button>
35 
				<p class="otherWordNew">
36 
					<span class="mui-pull-left">帐号登录</span>
37 
					<span id='forgetPassword' class="mui-pull-right">忘记密码?</span>
38 
				</p>
39 
			</div>
40
41 
		</div>
42 
		<script src="../js/public/mui.min.js"></script>
43 
		<script src="../js/public/base.js"></script>
44 
		<script src="../js/login.js"></script>
45 
		<script type="text/javascript">
46 
			var auths;
47 
			mui.plusReady(function() {
48 
	            plus.oauth.getServices(function(services) {
49 
	                auths = services;
50 
	            }, function(e) {
51 
	                alert("获取登录服务列表失败：" + e.message + " - " + e.code);
52 
	            });
53 
	        })
54
55 
	        function authLogin(type) {
56 
	            var s;
57 
	            for (var i = 0; i < auths.length; i++) {
58 
	                if (auths[i].id == type) {
59 
	                    s = auths[i];
60 
	                    break;
61 
	                }
62 
	            }
63 
	            if (!s.authResult) {
64 
	                s.login(function(e) {
65 
	                    mui.toast("登录认证成功！");
66 
	                    authUserInfo(type);
67 
	                }, function(e) {
68 
	                    mui.toast("登录认证失败！");
69 
	                });
70 
	            } else {
71 
	                mui.toast("已经登录认证！");
72 
	            }
73 
	        }
74
75 
			// 微信登录认证信息
76 
	        function authUserInfo(type) {
77 
	            var s;
78 
	            for (var i = 0; i < auths.length; i++) {
79 
	                if (auths[i].id == type) {
80 
	                    s = auths[i];
81 
	                    break;
82 
	                }
83 
	            }
84 
	            if (!s.authResult) {
85 
	                mui.toast("未授权登录！");
86 
	            } else {
87 
	                s.getUserInfo(function(e) {
88 
	                    var josnStr = JSON.stringify(s.userInfo);
89 
	                    var jsonObj = s.userInfo;
90 
	                    console.log("获取用户信息成功：" + josnStr);
91 
	                    //showData(type,jsonObj);
92 
	                    authLogout();
93 
	                }, function(e) {
94 
	                    alert("获取用户信息失败：" + e.message + " - " + e.code);
95 
	                });
96 
	            }
97 
	        }
98
99
100 
		 //注销
101 
        function authLogout() {
102 
            for (var i in auths) {
103 
                var s = auths[i];
104 
                if (s.authResult) {
105 
                    s.logout(function(e) {
106 
                        console.log("注销登录认证成功！");
107 
                    }, function(e) {
108 
                        console.log("注销登录认证失败！");
109 
                    });
110 
                }
111 
            }
112 
        }
113
114 
		</script>
115 
	</body>
116
117 
</html>

+ 44 - 0
app/html/pwdFindNew.html
查看文件 

@ -0,0 +1,44 @@
1 
<!doctype html>
2 
<html>
3
4 
	<head>
5 
		<meta charset="UTF-8">
6 
		<title>找回密码</title>
7 
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
8 
		<link href="../css/mui.min.css" rel="stylesheet" />
9 
		<link href="../css/app.css" rel="stylesheet" />
10 
	</head>
11
12 
	<body>
13 
		<header class="mui-bar mui-bar-nav toptitbox">
14 
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left topback"></a>
15 
		    <h1 class="mui-title toptit">找回密码</h1>
16 
		</header>
17 
		<div class="mui-content">
18 
		    <form class="mui-input-group frmboxNew">
19 
		        <div class="mui-input-row frm-input">
20 
		            <input type="tel" class="mui-input-clear frmtype" placeholder="请输入手机号" id="userPhone">
21 
		        </div>
22 
		        <div class="mui-input-row mui-row frm-input">
23 
		        	<div class="mui-col-xs-8">
24 
		        		<input type="password" class="frmtype" placeholder="请输入验证码" id="userCode">
25 
		        	</div>
26 
					<div class="mui-col-xs-4">
27 
						<input type="button" class="frmtype getCode" value="获取验证码" id="obtain-code">
28 
					</div>
29 
				</div>
30 
		    </form>
31
32 
		    <div class="mui-content-padded frmboxNew">
33 
				<button class="mui-btn mui-btn-block frmbtn frmactive2" id="nextPage" disabled="disabled">下一步</button>
34 
				<p class="otherWordNew">
35 
					<span class="mui-pull-left">又想起来了</span>
36 
				</p>
37 
			</div>
38
39 
		</div>
40 
		<script src="../js/public/mui.min.js"></script>
41 
		<script src="../js/public/base.js"></script>
42 
		<script src="../js/findpwd1.js"></script>
43 
	</body>
44 
</html>

+ 107 - 0
app/html/pwdSetNew.html
查看文件 

@ -0,0 +1,107 @@
1 
<!doctype html>
2 
<html>
3
4 
	<head>
5 
		<meta charset="UTF-8">
6 
		<title>找回密码</title>
7 
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
8 
		<link href="../css/mui.min.css" rel="stylesheet" />
9 
		<link href="../css/app.css" rel="stylesheet" />
10 
	</head>
11
12 
	<body>
13 
		<header class="mui-bar mui-bar-nav toptitbox">
14 
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left topback"></a>
15 
		    <h1 class="mui-title toptit">找回密码</h1>
16 
		</header>
17 
		<div class="mui-content">
18 
		    <form class="mui-input-group frmboxNew">
19 
		        <div class="mui-input-row frm-input">
20 
					<input id='password' type="password" class="frmtype" placeholder="请输入密码">
21 
				</div>
22 
				<div class="mui-input-row frm-input">
23 
					<input type="password" class="frmtype" placeholder="请再次输入确认密码">
24 
				</div>
25 
		    </form>
26
27 
		    <div class="mui-content-padded frmboxNew">
28 
				<button class="mui-btn mui-btn-block frmbtn frmactive2">确定</button>
29 
			</div>
30
31 
		</div>
32 
		<script src="../js/public/mui.min.js"></script>
33 
		<script src="../js/public/base.js"></script>
34 
		<script src="../js/login.js"></script>
35 
		<script type="text/javascript">
36 
			var auths;
37 
			mui.plusReady(function() {
38 
	            plus.oauth.getServices(function(services) {
39 
	                auths = services;
40 
	            }, function(e) {
41 
	                alert("获取登录服务列表失败：" + e.message + " - " + e.code);
42 
	            });
43 
	        })
44
45 
	        function authLogin(type) {
46 
	            var s;
47 
	            for (var i = 0; i < auths.length; i++) {
48 
	                if (auths[i].id == type) {
49 
	                    s = auths[i];
50 
	                    break;
51 
	                }
52 
	            }
53 
	            if (!s.authResult) {
54 
	                s.login(function(e) {
55 
	                    mui.toast("登录认证成功！");
56 
	                    authUserInfo(type);
57 
	                }, function(e) {
58 
	                    mui.toast("登录认证失败！");
59 
	                });
60 
	            } else {
61 
	                mui.toast("已经登录认证！");
62 
	            }
63 
	        }
64
65 
			// 微信登录认证信息
66 
	        function authUserInfo(type) {
67 
	            var s;
68 
	            for (var i = 0; i < auths.length; i++) {
69 
	                if (auths[i].id == type) {
70 
	                    s = auths[i];
71 
	                    break;
72 
	                }
73 
	            }
74 
	            if (!s.authResult) {
75 
	                mui.toast("未授权登录！");
76 
	            } else {
77 
	                s.getUserInfo(function(e) {
78 
	                    var josnStr = JSON.stringify(s.userInfo);
79 
	                    var jsonObj = s.userInfo;
80 
	                    console.log("获取用户信息成功：" + josnStr);
81 
	                    //showData(type,jsonObj);
82 
	                    authLogout();
83 
	                }, function(e) {
84 
	                    alert("获取用户信息失败：" + e.message + " - " + e.code);
85 
	                });
86 
	            }
87 
	        }
88
89
90 
		 //注销
91 
        function authLogout() {
92 
            for (var i in auths) {
93 
                var s = auths[i];
94 
                if (s.authResult) {
95 
                    s.logout(function(e) {
96 
                        console.log("注销登录认证成功！");
97 
                    }, function(e) {
98 
                        console.log("注销登录认证失败！");
99 
                    });
100 
                }
101 
            }
102 
        }
103
104 
		</script>
105 
	</body>
106
107 
</html>

+ 125 - 0
app/html/registerNew.html
查看文件 

@ -0,0 +1,125 @@
1 
<!doctype html>
2 
<html>
3
4 
	<head>
5 
		<meta charset="UTF-8">
6 
		<title>注册</title>
7 
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
8 
		<link href="../css/mui.min.css" rel="stylesheet" />
9 
		<link href="../css/iconfont.css" rel="stylesheet" />
10 
		<link href="../css/app.css" rel="stylesheet" />
11 
	</head>
12
13 
	<body>
14 
		<header class="mui-bar mui-bar-nav toptitbox">
15 
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left topback"></a>
16 
		    <h1 class="mui-title toptit">注册</h1>
17 
		</header>
18 
		<div class="mui-content">
19 
		    <form class="mui-input-group frmboxNew">
20 
		    	<div class="mui-input-row frm-input">
21 
		            <input type="text" class="mui-input-clear frmtype" placeholder="请输入真实姓名">
22 
		        </div>
23 
		        <div class="mui-input-row frm-input">
24 
		            <input type="tel" class="mui-input-clear frmtype" placeholder="请输入手机号">
25 
		        </div>
26 
		        <div class="mui-row mui-input-row frm-input">
27 
		        	<div class="mui-col-xs-8">
28 
		        		<input type="password" class="frmtype" placeholder="请输入验证码">
29 
		        	</div>
30 
					<div class="mui-col-xs-4">
31 
						<input type="button" class="frmtype getCode" value="获取验证码">
32 
					</div>
33 
				</div>
34 
				<div class="mui-input-row frm-input">
35 
					<input id='password' type="password" class="frmtype" placeholder="请设置登录密码">
36 
				</div>
37 
		    </form>
38
39 
		    <div class="mui-content-padded frmboxNew" style="margin-top: -4px">
40 
		    	<div class="protocolbox">
41 
			    	<label checked="true">
42 
			    		<span class="mui-icon iconfont icon-yuanxingxuanzhongfill"></span>
43 
	                    <input type="checkbox" name="checkbox" checked="true" style="display:none;">我已阅读并同意<a class="protocollink" id="protocollink">科袖网用户协议</a>
44 
	               </label>
45 
		    	</div>
46 
				<button class="mui-btn mui-btn-block frmbtn frmactive2">注&nbsp;册</button>
47 
			</div>
48
49 
		</div>
50 
		<script src="../js/public/mui.min.js"></script>
51 
		<script src="../js/public/base.js"></script>
52 
		<script src="../js/login.js"></script>
53 
		<script type="text/javascript">
54 
			var auths;
55 
			mui.plusReady(function() {
56 
	            plus.oauth.getServices(function(services) {
57 
	                auths = services;
58 
	            }, function(e) {
59 
	                alert("获取登录服务列表失败：" + e.message + " - " + e.code);
60 
	            });
61 
	        })
62
63 
	        function authLogin(type) {
64 
	            var s;
65 
	            for (var i = 0; i < auths.length; i++) {
66 
	                if (auths[i].id == type) {
67 
	                    s = auths[i];
68 
	                    break;
69 
	                }
70 
	            }
71 
	            if (!s.authResult) {
72 
	                s.login(function(e) {
73 
	                    mui.toast("登录认证成功！");
74 
	                    authUserInfo(type);
75 
	                }, function(e) {
76 
	                    mui.toast("登录认证失败！");
77 
	                });
78 
	            } else {
79 
	                mui.toast("已经登录认证！");
80 
	            }
81 
	        }
82
83 
			// 微信登录认证信息
84 
	        function authUserInfo(type) {
85 
	            var s;
86 
	            for (var i = 0; i < auths.length; i++) {
87 
	                if (auths[i].id == type) {
88 
	                    s = auths[i];
89 
	                    break;
90 
	                }
91 
	            }
92 
	            if (!s.authResult) {
93 
	                mui.toast("未授权登录！");
94 
	            } else {
95 
	                s.getUserInfo(function(e) {
96 
	                    var josnStr = JSON.stringify(s.userInfo);
97 
	                    var jsonObj = s.userInfo;
98 
	                    console.log("获取用户信息成功：" + josnStr);
99 
	                    //showData(type,jsonObj);
100 
	                    authLogout();
101 
	                }, function(e) {
102 
	                    alert("获取用户信息失败：" + e.message + " - " + e.code);
103 
	                });
104 
	            }
105 
	        }
106
107
108 
		 //注销
109 
        function authLogout() {
110 
            for (var i in auths) {
111 
                var s = auths[i];
112 
                if (s.authResult) {
113 
                    s.logout(function(e) {
114 
                        console.log("注销登录认证成功！");
115 
                    }, function(e) {
116 
                        console.log("注销登录认证失败！");
117 
                    });
118 
                }
119 
            }
120 
        }
121
122 
		</script>
123 
	</body>
124
125 
</html>