58cbae2814daa6b8dec5237d6f8f85c80f37a119.svn-base
4.3 KB
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
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
111
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
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
<%@ page contentType="text/html; charset=utf-8" language="java" import="java.sql.*" errorPage="" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>我要退订</title>
<style type="text/css">
ul,
li,
dl,
dt,
dd,
p,
div {
margin: 0;
padding: 0;
}
ol,
ul {
list-style: none;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
* {
margin: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
body {
background-color: #E9E7E7;
font-size: 14px;
}
.box {
display: flex;
display: -webkit-flex;
flex-direction: row;
justify-content: center;
}
header {
align-items: center;
height: 100px;
background: #525e66;
margin-bottom: 30px;
}
header div {
width: 590px;
text-align: left;
}
header span {
padding: 0 20px;
color: #fff;
font-size: 30px;
font-weight: 400;
}
.main {
flex-direction: column;
width: 590px;
margin-bottom: 30px;
border-radius: 5px;
background-color: #fff;
padding: 20px 20px;
color: #000;
font-size: 14px;
}
td {
padding: 10px 0;
}
.td1 {
width: 39%;
padding-right: 20px;
text-align: right;
font-weight: bold;
}
.tip {
color: red;
font-size: 12px;
}
.button {
height: 50px;
border: none;
border-radius: 5px;
color: #fff;
background-color: #20A0FF;
cursor: pointer;
}
.button:hover {
background: #4db3ff;
border-color: #4db3ff;
color: #fff;
}
</style>
<script type="text/javascript">
function check(){
if(document.getElementById("unsubscribeEmail").value==""){
alert("请填写退订邮箱地址！");
return false;
}
if(document.getElementById("unsubscribeReason").value==""){
alert("请填写退订理由！");
return false;
}
var v=document.getElementById("unsubscribeEmail").value;
if(v.lastIndexOf("@")==-1){
alert("退订邮箱地址不合法！");
return false;
}
return true;
}
</script>
</head>
<%
String unsubscribeaddress=request.getParameter("address");//退订地址
String userLodinID=request.getParameter("loginid");//退订用户账号
String userDomain=request.getParameter("domain");//退订用户域名
String unsubscribeMailUID=request.getParameter("mailuid");//退订邮件ID
%>
<body>
<div>
<header class="box">
<div>
<span>Cancel my mail subscription</span>
</div>
</header>
<form name="myform" action="unsubscribe.action" method="post" onsubmit="return check();">
<div class="box ">
<div class="main box">
<input type="hidden" name="unsubscribeaddress" value="<%=unsubscribeaddress%>"/>
<input type="hidden" name="unsubscribeUserID" value="<%=userLodinID%>"/>
<input type="hidden" name="unsubscribeUserDomain" value="<%=userDomain%>"/>
<input type="hidden" name="unsubscribeMailUID" value="<%=unsubscribeMailUID%>"/>
<table class="table" cellspacing="0">
<tbody>
<tr>
<td class="td1">退订邮箱地址(Your Email)</td>
<td class="td2">
<input type="text" id="unsubscribeEmail" readonly="readonly" style="width: 100%;height: 35px;" value="<%=unsubscribeaddress%>" />
</td>
</tr>
<tr>
<td class="td1">退订理由(Why Subscription)</td>
<td class="td2">
<textarea id="unsubscribeReason" name="unsubscribeBody" style="width: 100%;height:200px;resize: none;"></textarea>
<span class='tip'>
*必须填写退订理由(The reasons must be filled)
</span>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="box">
<input type="submit" value="退订->Unsubscription" class="button" />
</div>
</form>
</div>
</body>
</html>