?? register.jsp
字號:
<%@ page language="java" pageEncoding="UTF-8"%>
<%@page contentType="text/html; charset=gb2312"%>
<%@ taglib uri="/WEB-INF/struts-bean.tld" prefix="bean"%>
<%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<html:base />
<title>[用戶注冊]</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<link href="../css/css.css" rel="stylesheet" type="text/css">
<SCRIPT language="javascript">
function userNameQuery(userNameInfo){
//validate
username = document.registerForm.username;
if(username.value ==""||username.value.length<4||username.value.length>20){
alert("請正確輸入昵稱(最少兩個字符,最多20個字符)");
username.focus();
username.select();
return false;
}
//display
document.getElementById("userNameHint").innerHTML="用戶名檢測中，請稍等...";
//request
var url = "<%=request.getContextPath()%>/checkUsername.do?username="+username.value;
initRequest();
alert("1");
if(req){
req.onreadystatechange = processRequest;
req.open("GET", url, false);
req.send(null);
}
}
function initRequest(){
if (window.XMLHttpRequest) {
req = new XMLHttpRequest();
if (req.overrideMimeType) {
req.overrideMimeType('text/xml');
}
alert("2");
}else if (window.ActiveXObject) {
req = new ActiveXObject("Microsoft.XMLHTTP");
}
}
function processRequest(){
if (req.readyState == 4) {
if (req.status == 200) {
var message = req.responseXML.documentElement;
returnMsg = message.getElementsByTagName("message")[0].firstChild.data;
var userNameMsg;
var FLAG ="success";
if (returnMsg == "yes"){
userNameMsg = "<font color=green><b>恭喜</b>!這個昵稱可用</font>";
FLAG = "congtatulation";
}
else if (returnMsg == "no"){
userNameMsg = "<font color=red><b>抱歉</b>!這個昵稱已被人使用</font>";
FLAG = "sorry";
}
else if(returnMsg =="nodata"){
userNameMsg = "<font color=red><b>抱歉</b>!你沒有輸入昵稱</font>";
FLAG = "sorry";
}
displayMsg(userNameMsg,FLAG);
} else {
alert ( "Not able to retrieve description" + req.statusText);
}
}
}
function displayMsg(userNameMsg,FLAG){
document.getElementById("userNameHint").innerHTML = userNameMsg;
//如果用戶輸入的昵稱已被人使用、沒有輸入昵稱
if ("sorry"==FLAG){
document.registerForm.elements(0).focus();
document.registerForm.elements(0).select();
}
}
function infoHint(tdx){
document.getElementById(tdx).style.border='1px #22ADCE solid';
document.getElementById(tdx).style.color='#006982';
//document.all[tdx].style.paddingRight='5px';
document.getElementById(tdx).style.backgroundColor='#EEFAFD';
}
function exitHint(tx){
//var userNameInfoTd = document.getElementById("userNameHint");
document.getElementById(tx).style.border='0px #666666';
//document.all[tdx].style.color='#848484';
//document.all[tdx].style.paddingLeft='8px';
//document.all[tdx].style.paddingRight='5px';
document.getElementById(tx).style.backgroundColor='#ffffff';
//userNameInfoTd.innerHTML="用戶名檢測中，請稍等...";
}
function checkRegisterForm(){
var form = document.registerForm;
if(form.username.value==""){
window.alert("您還沒有填寫昵稱");
form.username.focus();
return false;
}
if(form.username.value.length<4||form.username.value.length>20){
window.alert("請正確填寫您的昵稱");
form.username.focus();
return false;
}
if(form.password.value==""){
window.alert("您還沒有填寫您的密碼");
form.password.focus();
return false;
}
if(form.password.value.length<6||form.password.value.length>20){
window.alert("您的密碼格式有誤，請正確填寫密碼");
form.password.focus();
return false;
}
if(form.verifyPassword.value==""){
window.alert("您的密碼為空");
form.verifyPassword.focus();
return false;
}
if(form.verifyPassword.value!=form.password.value){
window.alert("您兩次填寫的密碼不一致");
form.password.focus();
return false;
}
if(form.safeemail.value==""){
window.alert("您還沒有輸入郵件");
form.safeemail.focus();
return false;
}
if(form.safeemail.value.indexOf("@") == -1||form.safeemail.value.indexOf(".") == -1){
window.alert("您的郵件格式有誤，請正確輸入郵件地址");
form.safeemail.focus();
return false;
}
if(form.affirmanswer.value==""){
window.alert("請輸入您的答案");
form.affirmanswer.focus();
return false;
}
}
</script>
</head>
<BODY>
<table width="950" border="0" align="center" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td height="27" valign="top">
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="border-bottom-style:solid;border-bottom-color:999999;border-bottom-width:2px">
<!--DWLayoutTable-->
<tr>
<td width="950" height="25" valign="middle">
2 填寫注冊信息(帶*的為必填項) [用戶注冊]
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="546" valign="top">
<html:form method="post" action="register.do">
<table width="80%" border="0" align="center" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td width="760" height="18" valign="top">
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="border-bottom-style:dashed;border-bottom-color:999999;border-bottom-width:1px">
<!--DWLayoutTable-->
<tr>
<td width="900" height="18">
<div align="left">
[用戶昵稱和密碼]
</div>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="174" valign="top">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td height="72" valign="top">
<table width="100%" height="50" border="0" cellpadding="5">
<!--DWLayoutTable-->
<tr>
<td width="28%" height="74">
<div align="right">
<strong>用戶昵稱</strong>＊：
</div>
</td>
<td width="22%">
<html:text property="username" onfocus="infoHint('userNameHint')" onblur="userNameQuery('userNameHint')" />
</td>
<td width="50%" id="userNameHint">
<font color="#666666">4-20 個字符 (包括大小寫字母,數字等) 建議使用英文。注冊后不可修改。</font>
</td>
</tr>
<!--
<tr>
<td width="28%" height="34"> <div align="right"><strong>用戶類型</strong>＊：</div></td>
<td width="22%"><select name="UserType" disabled>
<option selected value="0">普通用戶</option>
</select><input type="hidden" name="usertype" value="0"></td>
<td width="50%" id="userNameHint"><font color="#666666">默認為普通用戶，請認真填寫下面的信息。</font></td>
</tr>-->
</table>
</td>
</tr>
<tr>
<td height="102">
<table width="100%" border="0" cellpadding="5">
<tr>
<td width="28%" height="39">
<div align="right">
<strong>密碼</strong>＊：
</div>
</td>
<td width="22%">
<html:password property="password" onfocus="infoHint('userPasswordHint')" onblur="exitHint('userPasswordHint')" />
</td>
<td width="50%" id="userPasswordHint">
<font color="#666666">密碼由6-20個英文字母（區分大小寫）或數字組成，建議采用英文數字組合<strong>。</strong></font>
</td>
</tr>
<tr>
<td height="39">
<div align="right">
<strong>再次輸入密碼</strong>＊：
</div>
</td>
<td>
<html:password property="verifyPassword" onblur="exitHint('verifyPasswordHint')" onfocus="infoHint('verifyPasswordHint')" />
</td>
<td>
<font color="#666666" id="verifyPasswordHint">重復輸入一次上面的密碼。</font>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="18" valign="top">
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="border-bottom-style:dashed;border-bottom-color:999999;border-bottom-width:1px">
<!--DWLayoutTable-->
<tr>
<td width="900" height="18">
<div align="left">
[其他基本信息]
</div>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="159" valign="top">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td height="139" valign="top">
<table width="100%" border="0" cellpadding="5">
<!--DWLayoutTable-->
<tr>
<td width="28%" height="29">
<div align="right">
您的電子郵件<strong>*</strong>：
</div>
</td>
<td width="22%">
<input type="text" name="safeemail" onfocus="infoHint('emailHint')" onblur="exitHint('emailHint')" />
</td>
<td width="50%" id="emailHint">
非常重要！是與您聯系的首選方式，如果沒有，推薦免費<a href="http://reg.126.com/reg1.jsp?from=" target="_blank">網易郵箱</a>
</td>
</tr>
<tr>
<td height="31">
<div align="right">
提示問題：
</div>
</td>
<td>
<html:select property="affirmquestion">
<html:option value="您的家鄉">您的家鄉</html:option>
<html:option value="您的一位恩師">您的一位恩師</html:option>
<html:option value="您最尊重的人">您最尊重的人</html:option>
<html:option value="您最尊重的人">您最愛吃的菜</html:option>
</html:select>
</td>
<td>
用于找回密碼。
</td>
</tr>
<tr>
<td height="27">
<div align="right">
問題答案：
</div>
</td>
<td>
<html:text property="affirmanswer" onfocus="infoHint('answer')" />
</td>
<td id="answer">
請輸入并記住密碼提示答案。
</td>
</tr>
<tr>
<td>
<div align="right">
輸入驗證碼<strong>*</strong>：
</div>
</td>
<td>
<html:text property="verify_code" />
</td>
<td>
</td>
</tr>
<tr>
<td height="9"></td>
<td></td>
<td></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="16">
</td>
</tr>
<tr>
<td height="38">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td height="29">
<table width="100%" border="0" style="border-bottom-style:dashed;border-bottom-color:999999;border-bottom-width:1px">
<tr>
<td>
[提交表單]
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="900" height="34">
<div align="center">
<html:submit property="Submit" value="同意服務條款，提交注冊信息" onclick="return checkRegisterForm();" />
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</html:form>
</td>
</tr>
<tr>
<td height="16" valign="top">
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="border-top-style:solid;border-top-color:999999;border-top-width:2px">
<!--DWLayoutTable-->
<tr>
<td width="950" height="16">
</td>
</tr>
</table>
</td>
</tr>
<!--
<tr>
<td height="58">
</td>
</tr>
-->
</table>
</BODY>
</html>
?? 快捷鍵說明
復制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -