📄 registe.jsp
字号:
<%@page contentType="text/html;charset=utf-8" %>
<%@ pagepageEncoding="utf-8"%>
<%@page isELIgnored="false" %>
<%@taglib uri="http://www.tarena.com.cn/sd0808/tags" prefix="ui" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>用户注册</title>
<script>
function nameValidater(o){
var v=o.value;
var m="post";
var u="http://127.0.0.1:8080/shop/validater.do";
var q="?umail="+v;
u+=q;
//alert(u);
var a=null;
try{
a=new XMLHttpRequest();
}
catch(e){
try{
a=new ActiveXObject("MSXML2.XMLHTTP");
}
catch(e1){
}
}
//a.open("get",u);
a.open(m,u);
//a.setRequestHeader("type","name");
a.onreadystatechange=function(){
if(a.readyState==4){
if(a.status==200){
//请求成功
umailinfo.innerHTML=a.responseText;
}
}
};
a.send();
}
</script>
<script>
var tid = null;
function timer(){
var now = new Date();
var theDiv = document.getElementById("watch");
theDiv.innerHTML=now.toLocaleString();
}
function start(){
if(tid==null){
tid = setInterval("timer()","1000");
}
}
function stop(){
if(tid!=null){
clearInterval(tid);
tid=null;
}
}
new start();
</script>
<script>
var tid = null;
function dateTime(){
var now=new Date();
var theDiv = document.getElementById("welcome");
var hour=now.getHours();
if(hour>=0 && hour<6){
theDiv.innerHTML="凌晨好，欢迎访问本站";
}
if(hour>=6 && hour<12){
theDiv.innerHTML="上午好，欢迎访问本站";
}
if(hour>=12 && hour<18){
theDiv.innerHTML="下午好，欢迎访问本站";
}
if(hour>=18 && hour<24){
theDiv.innerHTML="晚上好，欢迎访问本站";
}
}
function startWelcome(){
if(tid==null){
tid = setInterval("dateTime()","1000");
}
}
new startWelcome();
</script>
<style>
div.back{ background-color:#FFFFCC;
width:360;
text-align:center;
margin:auto}
span{color:red}
</style>
<script>
function myCheckPwd1(){
var pwd1 = document.getElementById("pwd1")
.value;
var p1 = document.getElementById("pwd1Error");
if(pwd1.length<6){
p1.innerHTML="6个字符以上";
}else{
p1.innerHTML="";
}
}
function myCheckPwd2(){
var pwd1 = document.getElementById("pwd1")
.value;
var pwd2 = document.getElementById("pwd2")
.value;
p2 = document.getElementById("pwd2Error");
if(pwd2.length<6){
p2.innerHTML="6个字符以上";
}else if(pwd1!=pwd2){
p2.innerHTML = "两个密码须相等";
}else{
p2.innerHTML = "";
}
}
function myCheckUsrName(){
var usrname =
document.getElementById("usrname")
.value;
var u = document.getElementById("usrError");
if(usrname.length<2 ||
usrname.length>8){
u.innerHTML="2-6个字符";
}else{
u.innerHTML="";
}
}
function myCheck(){
var result = true;
var usrname =
document.getElementById("usrname")
.value;
var pwd1 = document.getElementById("pwd1")
.value;
var pwd2 = document.getElementById("pwd2")
.value;
//alert(usrname);
//alert(pwd1);
//alert(pwd2);
if(usrname.length<2 ||
usrname.length>8){
result=false;
document.getElementById("usrError")
.innerHTML="2-6个字符";
}
if(pwd1.length<6){
result=false;
document.getElementById("pwd1Error")
.innerHTML="6个字符以上";
}
if(pwd2.length<6){
result=false;
document.getElementById("pwd2Error")
.innerHTML="6个字符以上";
}
if(pwd1!=pwd2){
result=false;
var p = document.getElementById("pwd2Error");
p.innerHTML = "两个密码须相等";
}
return result;
}
</script>
</head>
<body>
<center>
<table border=1 width="90%">
<tr height="100px">
<td align="center"><h1>IT Tarena ShopCart</h1></td>
</tr>
<tr height="30px">
<td>
<table border=1 width="100%">
<tr>
<td width="40%" align="center">${userinfo.uname }<div id="welcome"></div></td>
<td width="30%" align="center"><div id="watch"></div></td>
<td width="30%" align="center">
<a href="index.jsp">Home</a> | <a href="login.jsp">Login</a> | <a href="registe.jsp">Regist</a> | <a href="cart.jsp">Cart</a>
</td>
</tr>
</table>
</td>
</tr>
<tr height="400px">
<div style="height:50;background-color:white"></div>
<div class="back">
<form action="${pageContext.request.contextPath }/registe.do"
onSubmit="return myCheck()">
<table align="center">
<tr>
<td colspan="2"
bgcolor="#C8C5C4"
align="center">注册页面</td>
</tr>
<tr>
<td>用户名:</td>
<td><input type="text" name="usrname" id="usrname" onBlur="myCheckUsrName()"/><span id="usrError"></span></td>
</tr>
<tr>
<td>密码:</td>
<td><input type="password" name="pwd1" id="pwd1" onBlur="myCheckPwd1()"/><span id="pwd1Error"></span></td>
</tr>
<tr>
<td>确认密码:</td>
<td><input type="password" name="pwd2" id="pwd2" onBlur="myCheckPwd2()"/><span id="pwd2Error"></span></td>
</tr>
<tr>
<td>电子邮箱:</td>
<td><input type="text" name="umail" onblur="nameValidater(this)"/></td>
<td><div id="umailinfo"></div></td>
</tr>
<tr>
<td>地址:</td>
<td><input type="text" name="uaddress"/></td>
</tr>
<tr>
<td>电话:</td>
<td><input type="text" name="utele"/></td>
</tr>
<tr>
<td>移动电话：</td>
<td><input type="text" name="umobile"/></td>
</tr>
<tr>
<td>邮编：</td>
<td><input type="text" name="uzip"/></td>
</tr>
<tr bgcolor="#C8C5C4">
<td align="center" colspan="2">
<input type="submit" value="提交"/>
<input type="submit" value="取消" />
</td>
<tr>
</table>
</form>
</div>
</tr>
<tr>
<td align="center">Tarena It Training Group</td>
</tr>
</table>
</center>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -