<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Register.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
<script type="text/javascript" src="./js/jquery-1.6.2.js"></script>
<script type="text/javascript">
function checkname(){
var username=document.getElementById("name").value;
if(username==null||""==username){
document.form2.prompt1.visibility="visible";
document.form2.prompt1.value="用户名不能为空!";
}else{
ajaxRequest();
return;
}
}
function ajaxRequest(){
var username=document.getElementById("name").value;
$.post('check.action','user.username':username,function(back){
document.form2.prompt1.visibility="visible";
document.form2.prompt1.value=back;
});
}
function changeStyle(){
document.form2.prompt1.visibility="hidden";
document.form2.prompt2.visibility="hidden";
document.form2.prompt3.visibility="hidden";
}
function check(){
var pswd1=document.getElementById("password").value;
var pswd2=document.form2.pswd.value;
if(pswd1==null||""==pswd1){
document.form2.prompt2.visibility="visible";
document.form2.prompt2.value="密码不能为空!";
return;
}
if(pswd2==null||""==pswd2){
document.form2.prompt3.visibility="visible";
document.form2.prompt3.value="密码不能为空!";
return;
}
if(pswd2!=pswd1){
document.form2.prompt3.visibility="visible";
document.form2.prompt3.value="两次密码输入不一致!";
return;
}
var birth=document.form2.year.value+"-"+document.form2.month.value+"-"+document.form2.day.value;
docment.getElementById("birht").value=birth;
document.form2.submit();
}
function changeDisabled(){
if(window.document.form2.chk.checked==true){
window.document.form2.sub.disabled=false;
}else{
window.document.form2.sub.disabled=true;
}
}
function open1(){
window.open("MemberAgreement.html");
}
</script>
</head>
<body>
<h1>用户注册</h1>
<center>
<form name="form2" method="post" action="reg.action">
<table>
<tr>
<td>
用户名:<input type="text" name="user.username" id="name" onblur="checkname()" onfocus="changeStyle()"/>
<input type="text" name="prompt1" style="visibility:hidden;"/>
</td>
</tr>
<tr>
<td>
密码:<input type="password" name="user.pswd" id="password" onfocus="changeStyle()"/>
<input type="text" name="prompt2" style="visibility:hidden;"/>
</td>
</tr>
<tr>
<td>
请再次输入密码:
<input type="password" name="pswd" onfocus="changeStyle()"/>
<input type="text" name="prompt3" style="visibility:hidden;"/>
</td>
</tr>
<tr>
<td>性别:<input type="radio" name="user.sex"/>男<input type="radio" name="user.sex"/>女</td>
</tr>
<tr>
<td>年龄:<input type="text" name="user.age"/></td>
</tr>
<tr>
<td>出生年月:
<select name="year" size="1">
<option value="" selected>-选择-</option>
<option value="1">2011</option>
</select>年
<select name="month" size="1">
<option value="" selected>-选择-</option>
<option value="1">1月</option>
</select>月
<select name="day" size="1">
<option value="" selected>-选择-</option>
<option value="1">31</option>
</select>日
<input type="hidden" name="user.birth" id="birht"/>
</td>
</tr>
<tr>
<td><input type="checkbox" name="chk" onclick="changeDisabled()"/>我同意遵守<a href="javascript:open1()">会员协议</a></td>
</tr>
<tr>
<td><input type="button" name="sub" value="注册" disabled="disabled" onclick="check()"/></td>
<td><input type="reset" name="res" value="重置"/></td>
</tr>
</table>
</form>
</center>
</body>
</html>
<html>
<head>
<title>Register.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
<script type="text/javascript" src="./js/jquery-1.6.2.js"></script>
<script type="text/javascript">
function checkname(){
var username=document.getElementById("name").value;
if(username==null||""==username){
document.form2.prompt1.visibility="visible";
document.form2.prompt1.value="用户名不能为空!";
}else{
ajaxRequest();
return;
}
}
function ajaxRequest(){
var username=document.getElementById("name").value;
$.post('check.action','user.username':username,function(back){
document.form2.prompt1.visibility="visible";
document.form2.prompt1.value=back;
});
}
function changeStyle(){
document.form2.prompt1.visibility="hidden";
document.form2.prompt2.visibility="hidden";
document.form2.prompt3.visibility="hidden";
}
function check(){
var pswd1=document.getElementById("password").value;
var pswd2=document.form2.pswd.value;
if(pswd1==null||""==pswd1){
document.form2.prompt2.visibility="visible";
document.form2.prompt2.value="密码不能为空!";
return;
}
if(pswd2==null||""==pswd2){
document.form2.prompt3.visibility="visible";
document.form2.prompt3.value="密码不能为空!";
return;
}
if(pswd2!=pswd1){
document.form2.prompt3.visibility="visible";
document.form2.prompt3.value="两次密码输入不一致!";
return;
}
var birth=document.form2.year.value+"-"+document.form2.month.value+"-"+document.form2.day.value;
docment.getElementById("birht").value=birth;
document.form2.submit();
}
function changeDisabled(){
if(window.document.form2.chk.checked==true){
window.document.form2.sub.disabled=false;
}else{
window.document.form2.sub.disabled=true;
}
}
function open1(){
window.open("MemberAgreement.html");
}
</script>
</head>
<body>
<h1>用户注册</h1>
<center>
<form name="form2" method="post" action="reg.action">
<table>
<tr>
<td>
用户名:<input type="text" name="user.username" id="name" onblur="checkname()" onfocus="changeStyle()"/>
<input type="text" name="prompt1" style="visibility:hidden;"/>
</td>
</tr>
<tr>
<td>
密码:<input type="password" name="user.pswd" id="password" onfocus="changeStyle()"/>
<input type="text" name="prompt2" style="visibility:hidden;"/>
</td>
</tr>
<tr>
<td>
请再次输入密码:
<input type="password" name="pswd" onfocus="changeStyle()"/>
<input type="text" name="prompt3" style="visibility:hidden;"/>
</td>
</tr>
<tr>
<td>性别:<input type="radio" name="user.sex"/>男<input type="radio" name="user.sex"/>女</td>
</tr>
<tr>
<td>年龄:<input type="text" name="user.age"/></td>
</tr>
<tr>
<td>出生年月:
<select name="year" size="1">
<option value="" selected>-选择-</option>
<option value="1">2011</option>
</select>年
<select name="month" size="1">
<option value="" selected>-选择-</option>
<option value="1">1月</option>
</select>月
<select name="day" size="1">
<option value="" selected>-选择-</option>
<option value="1">31</option>
</select>日
<input type="hidden" name="user.birth" id="birht"/>
</td>
</tr>
<tr>
<td><input type="checkbox" name="chk" onclick="changeDisabled()"/>我同意遵守<a href="javascript:open1()">会员协议</a></td>
</tr>
<tr>
<td><input type="button" name="sub" value="注册" disabled="disabled" onclick="check()"/></td>
<td><input type="reset" name="res" value="重置"/></td>
</tr>
</table>
</form>
</center>
</body>
</html>
document.form2.prompt1.visibility="visible";
document.form2.prompt1.value=back;
});
'user.username':username要用{}包起来,我一开始没有写,谢谢大家的帮助。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Register.html</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
<script type="text/javascript" src="./js/jquery-1.6.2.js"></script>
<script type="text/javascript">
function checkname(){
var username=document.getElementById("name").value;
if(username==null||""==username){
document.form2.prompt1.visibility="visible";
document.form2.prompt1.value="用户名不能为空!";
}else{
ajaxRequest();
return;
}
}
function ajaxRequest(){
var username=document.getElementById("name").value;
$.post('check.action','user.username':username,function(back){
document.form2.prompt1.visibility="visible";
document.form2.prompt1.value=back;
});
}
function changeStyle(){
document.form2.prompt1.visibility="hidden";
document.form2.prompt2.visibility="hidden";
document.form2.prompt3.visibility="hidden";
}
function check(){
var pswd1=document.getElementById("password").value;
var pswd2=document.form2.pswd.value;
if(pswd1==null||""==pswd1){
document.form2.prompt2.visibility="visible";
document.form2.prompt2.value="密码不能为空!";
return;
}
if(pswd2==null||""==pswd2){
document.form2.prompt3.visibility="visible";
document.form2.prompt3.value="密码不能为空!";
return;
}
if(pswd2!=pswd1){
document.form2.prompt3.visibility="visible";
document.form2.prompt3.value="两次密码输入不一致!";
return;
}
var birth=document.form2.year.value+"-"+document.form2.month.value+"-"+document.form2.day.value;
docment.getElementById("birht").value=birth;
document.form2.submit();
}
function changeDisabled(){
if(window.document.form2.chk.checked==true){
window.document.form2.sub.disabled=false;
}else{
window.document.form2.sub.disabled=true;
}
}
function open1(){
window.open("MemberAgreement.html");
}
</script>
</head>
<body>
<h1>用户注册</h1>
<center>
<form name="form2" method="post" action="reg.action">
<table>
<tr>
<td>
用户名:<input type="text" name="user.username" id="name" onblur="checkname()" onfocus="changeStyle()"/>
<input type="text" name="prompt1" style="visibility:hidden;"/>
</td>
</tr>
<tr>
<td>
密码:<input type="password" name="user.pswd" id="password" onfocus="changeStyle()"/>
<input type="text" name="prompt2" style="visibility:hidden;"/>
</td>
</tr>
<tr>
<td>
请再次输入密码:
<input type="password" name="pswd" onfocus="changeStyle()"/>
<input type="text" name="prompt3" style="visibility:hidden;"/>
</td>
</tr>
<tr>
<td>性别:<input type="radio" name="user.sex"/>男<input type="radio" name="user.sex"/>女</td>
</tr>
<tr>
<td>年龄:<input type="text" name="user.age"/></td>
</tr>
<tr>
<td>出生年月:
<select name="year" size="1">
<option value="" selected>-选择-</option>
<option value="1">2011</option>
</select>年
<select name="month" size="1">
<option value="" selected>-选择-</option>
<option value="1">1月</option>
</select>月
<select name="day" size="1">
<option value="" selected>-选择-</option>
<option value="1">31</option>
</select>日
<input type="hidden" name="user.birth" id="birht"/>
</td>
</tr>
<tr>
<td><input type="checkbox" name="chk" onclick="changeDisabled()"/>我同意遵守<a href="javascript:open1()">会员协议</a></td>
</tr>
<tr>
<td><input type="button" name="sub" value="注册" disabled="disabled" onclick="check()"/></td>
<td><input type="reset" name="res" value="重置"/></td>
</tr>
</table>
</form>
</center>
</body>
</html>