1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
|
< script type = "text/javascript" > jQuery(document).ready(function() { //输入事件 $("input[id]").bind("focus",function () { if($(this).attr("id")=='username'||$(this).attr("id")=='password') $(this).attr("value",""); }); //提交 $("#submit").bind("click", function() { if (valid()) { $.ajax({ type: "POST", url: "http://localhost:8080/note/servlet/Login", data: $("form#loginform").serialize(), success: function(msg){ if(msg=='success'){ $.mobile.changePage("content/first.html","slidedown", true, true); }else{ $.mobile.changePage("content/loginfalse.html","slidedown", true, true); } } }); } }); }); //输入信息验证 function valid(){ if($("#username").attr("value")==''||$("#password").attr("value")=='') { $.mobile.changePage("content/loginfalse.html","slidedown", true, true); return false; } return true; }; </ script > < style type = "text/css" > p { font-size: 1.5em; font-weight: bold; } #submit{ float:right; margin:10px; } #toregist{ float:left; margin:10px; } </ style > < body > <!-- begin first page --> < section id = "page1" data-role = "page" > < header data-role = "header" data-theme = "b" >< h1 >开始笔记之旅</ h1 ></ header > < div data-role = "content" class = "content" > < p style = "backg" >< font color = "#2EB1E8" >登录微笔记</ font ></ p > < form method = "post" id = "loginform" > < input type = "text" name = "username" id = "username" value = "用户名" />< br > < input type = "password" name = "password" id = "password" value = "密码输入提示" /> < fieldset data-role = "controlgroup" > < input type = "checkbox" name = "checkbox-1" id = "checkbox-1" class = "custom" /> < label for = "checkbox-1" >保持登录状态</ label > </ fieldset > < a href = "content/regist.html" data-role = "button" id = "toregist" data-theme = "e" >注册</ a > < a data-role = "button" id = "submit" data-theme = "b" >登录</ a > </ form > </ div > < footer data-role = "footer" >< h1 >©2011 TinyNote 微笔记社区(movingcomputing.com)</ h1 ></ footer > </ section > <!-- end first page --> </ body > |
注册核心代码:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
|
< script type = "text/javascript" > jQuery(document).ready(function() { //输入事件 $("input[id]").bind("focus",function () { if($(this).attr("value")=='用户名'||$(this).attr("value")=='密码') $(this).attr("value",""); }); //提交 $("#regist").bind("click", function() { if (true) { $.ajax({ type: "POST", url: "http://localhost:8080/note/servlet/Login", data: $("form#loginform").serialize(), success: function(msg){ if(msg=='success'){ $.mobile.changePage("../content/first.html","slidedown", true, true); }else{ $.mobile.changePage("../content/loginfalse.html","slidedown", true, true); } } }); } }); }); </ script > < style type = "text/css" > p { font-size: 1.5em; font-weight: bold; } header div{ font-size: 1.5em; } #regist{ width:150px; height:50px; margin :5px; } </ style > < body > <!-- begin first page --> < section data-role = "page" > < header data-role = "header" data-theme = "b" data-type = "horizontal" > < div data-role = "controlgroup" > < nav data-role = "navbar" > < ul > < li >< a href = "#page1" class = "ui-btn-active" >注册微笔记</ a ></ li > < li >< a href = "#page2" >用手机号注册</ a ></ li > </ ul > </ nav > </ div > </ header > < div data-role = "content" class = "content" > < form method = "post" id = "registform" > < label for = "email" >邮 箱</ label > < input type = "text" name = "email" id = "email" /> < label for = "password" >密 码</ label > < input type = "password" name = "password" id = "password" /> < label for = "nicky" >昵 称</ label > < input type = "text" name = "nicky" id = "nicky" /> < fieldset data-role = "controlgroup" > < legend >身 份:</ legend > < input type = "radio" name = "radio-choice-1" id = "radio-choice-1" value = "choice-1" checked = "checked" /> < label for = "radio-choice-1" >上班族</ label > < input type = "radio" name = "radio-choice-1" id = "radio-choice-2" value = "choice-2" /> < label for = "radio-choice-2" >大学生</ label > < input type = "radio" name = "radio-choice-1" id = "radio-choice-3" value = "choice-3" /> < label for = "radio-choice-3" >其他</ label > </ fieldset > < center > < a data-role = "button" id = "regist" data-theme = "e" >立即注册</ a > </ center > </ form > </ div > </ section > <!-- end first page --> </ body >
登录核心代码:
注册核心代码:
|