strus+ajax实例--用户注册(2)
2007-09-19 14:13
411 查看
4.写jsp文件userReg.jsp如下:
<%@ page language="java" contentType="text/html;charset=UTF-8"%>
<html>
<head>
<title>User Regisiter</title>
</head>
<script type="text/javascript" src="/userReg/common/reg.js"></script>
<script type="text/javascript">
function showadv(){
if(document.regForm.advshow.checked == true)
adv.style.display = "";
else
adv.style.display = "none";
}
function checkUser(){
var userName = trim(document.regForm.userName.value);
if(userName ==null||userName==""){
user.style.display = "";
user.style.backgroundColor ="#FFFF00";
user.innerHTML = "<img src='/userReg/common/check_error.gif'><font color='red'>请填写用户名</font>";
return false;
}else{
send("/userReg/checkUser.do?key=user&username="+userName,user);
}
}
function checkPass(){
var pass = trim(document.regForm.pass.value);
if(pass == null|| pass==""){
pass1.style.display = "";
pass1.style.backgroundColor ="#FF0000";
pass1.innerHTML = "<img src='/userReg/common/check_error.gif'>请添加密码";
return false;
}
}
function checkrepass(){
var pass = trim(document.regForm.pass.value);
var repass = trim(document.regForm.repass.value);
if(repass ==null || repass == ""){
repass1.style.display = "";
repass1.style.backgroundColor ="#FF0000";
repass1.innerHTML = "<img src='/userReg/common/check_error.gif'>请添加确认密码";
}else{
send("/userReg/checkUser.do?key=pass&pass="+pass+"&repass="+repass,repass1);
}
}
function checkEmail(){
var email = document.regForm.email.value;
if(email == null || email == ""){
email1.style.display = "";
email1.style.backgroundColor ="#FF0000";
email1.innerHTML = "<img src='/userReg/common/check_error.gif'>请填写Email";
}else{
send("/userReg/checkUser.do?key=email&email="+email,email1);
}
}
function trim(str) {
return str.replace(/^/s*(.*?)[/s/n]*$/g, '$1');
}
</script>
<body>
<form action="/userReg" method="post" name="regForm">
<table width="100%" bgcolor="#F4A460" border="1" bordercolor="#A0522D">
<tr>
<th colspan="2" bgcolor="#A0522D" align="left" height="38"> 注册</th>
</tr>
<tr>
<th colspan="2" align="left"> 必填</th>
</tr>
<tr>
<td width="21%"> 用户名</td>
<td><input type="text" name="userName" onBlur="checkUser()"/>
<div id="user" style="display: none;"></div>
</td>
</tr>
<tr>
<td> 密码</td>
<td><input type="password" name="pass" onBlur="checkPass()"/>
<div id="pass1" style="dislay: none;"></div>
</td>
</tr>
<tr>
<td> 确认密码</td>
<td><input type="password" name="repass" onBlur="checkrepass()"/>
<div id="repass1" style="display: none;"></div>
</td>
</tr>
<tr>
<td> Email</td>
<td><input type="text" name="email" onBlur="checkEmail()"/>
<div id="email1" style="display: none;"></div>
</td>
</tr>
<tr>
<td> 高级选项</td>
<td><input type="checkbox" name="advshow" checked value="1" onclick="showadv()"/>显示高级选项</td>
</tr>
<tbody id=adv style="display: ">
<tr>
<th colspan="2" align="left"> 选填</th>
</tr>
<tr>
<td> 安全提问</td>
<td><select name="key">
<option>无安全问题</option>
<option value="1">你最喜欢的</option>
<option value="2">你最讨厌的</option>
</select>
</td>
</tr>
<tr>
<td> 答案</td>
<td><input type="text" name="value"/> </td>
</tr>
<tr>
<td> 性别</td>
<td><input type="radio" value="0" name="sex">男
<input type="radio" value="1" name="sex">女
<input type="radio" value="2" name="sex" checked>保密
</td>
</tr>
<tr>
<td> 生日</td>
<td><input type="text" name="birth" value="1900-01-01"/></td>
</tr>
<tr>
<td> 来自</td>
<td><input type="text" name="from"/></td>
</tr>
<tr>
<td> QQ</td>
<td><input type="text" name="QQ"/></td>
</tr>
<tr>
<td> MSN</td>
<td><input type="text" name="MSN"/></td>
</tr>
<tr>
<td> 个人简介</td>
<td><textarea name="resume" rows="4" cols="30">
</textarea>
</td>
</tr>
<tr>
<td> 个性签名</td>
<td><textarea name="perSign" rows="4" cols="30">
</textarea>
</td>
</tr>
</tbody>
<tr>
<td colspan="2" align="center"><input type="submit" value="提交"/></td>
</tr>
</table>
</form>
</body>
</html>
<%@ page language="java" contentType="text/html;charset=UTF-8"%>
<html>
<head>
<title>User Regisiter</title>
</head>
<script type="text/javascript" src="/userReg/common/reg.js"></script>
<script type="text/javascript">
function showadv(){
if(document.regForm.advshow.checked == true)
adv.style.display = "";
else
adv.style.display = "none";
}
function checkUser(){
var userName = trim(document.regForm.userName.value);
if(userName ==null||userName==""){
user.style.display = "";
user.style.backgroundColor ="#FFFF00";
user.innerHTML = "<img src='/userReg/common/check_error.gif'><font color='red'>请填写用户名</font>";
return false;
}else{
send("/userReg/checkUser.do?key=user&username="+userName,user);
}
}
function checkPass(){
var pass = trim(document.regForm.pass.value);
if(pass == null|| pass==""){
pass1.style.display = "";
pass1.style.backgroundColor ="#FF0000";
pass1.innerHTML = "<img src='/userReg/common/check_error.gif'>请添加密码";
return false;
}
}
function checkrepass(){
var pass = trim(document.regForm.pass.value);
var repass = trim(document.regForm.repass.value);
if(repass ==null || repass == ""){
repass1.style.display = "";
repass1.style.backgroundColor ="#FF0000";
repass1.innerHTML = "<img src='/userReg/common/check_error.gif'>请添加确认密码";
}else{
send("/userReg/checkUser.do?key=pass&pass="+pass+"&repass="+repass,repass1);
}
}
function checkEmail(){
var email = document.regForm.email.value;
if(email == null || email == ""){
email1.style.display = "";
email1.style.backgroundColor ="#FF0000";
email1.innerHTML = "<img src='/userReg/common/check_error.gif'>请填写Email";
}else{
send("/userReg/checkUser.do?key=email&email="+email,email1);
}
}
function trim(str) {
return str.replace(/^/s*(.*?)[/s/n]*$/g, '$1');
}
</script>
<body>
<form action="/userReg" method="post" name="regForm">
<table width="100%" bgcolor="#F4A460" border="1" bordercolor="#A0522D">
<tr>
<th colspan="2" bgcolor="#A0522D" align="left" height="38"> 注册</th>
</tr>
<tr>
<th colspan="2" align="left"> 必填</th>
</tr>
<tr>
<td width="21%"> 用户名</td>
<td><input type="text" name="userName" onBlur="checkUser()"/>
<div id="user" style="display: none;"></div>
</td>
</tr>
<tr>
<td> 密码</td>
<td><input type="password" name="pass" onBlur="checkPass()"/>
<div id="pass1" style="dislay: none;"></div>
</td>
</tr>
<tr>
<td> 确认密码</td>
<td><input type="password" name="repass" onBlur="checkrepass()"/>
<div id="repass1" style="display: none;"></div>
</td>
</tr>
<tr>
<td> Email</td>
<td><input type="text" name="email" onBlur="checkEmail()"/>
<div id="email1" style="display: none;"></div>
</td>
</tr>
<tr>
<td> 高级选项</td>
<td><input type="checkbox" name="advshow" checked value="1" onclick="showadv()"/>显示高级选项</td>
</tr>
<tbody id=adv style="display: ">
<tr>
<th colspan="2" align="left"> 选填</th>
</tr>
<tr>
<td> 安全提问</td>
<td><select name="key">
<option>无安全问题</option>
<option value="1">你最喜欢的</option>
<option value="2">你最讨厌的</option>
</select>
</td>
</tr>
<tr>
<td> 答案</td>
<td><input type="text" name="value"/> </td>
</tr>
<tr>
<td> 性别</td>
<td><input type="radio" value="0" name="sex">男
<input type="radio" value="1" name="sex">女
<input type="radio" value="2" name="sex" checked>保密
</td>
</tr>
<tr>
<td> 生日</td>
<td><input type="text" name="birth" value="1900-01-01"/></td>
</tr>
<tr>
<td> 来自</td>
<td><input type="text" name="from"/></td>
</tr>
<tr>
<td> QQ</td>
<td><input type="text" name="QQ"/></td>
</tr>
<tr>
<td> MSN</td>
<td><input type="text" name="MSN"/></td>
</tr>
<tr>
<td> 个人简介</td>
<td><textarea name="resume" rows="4" cols="30">
</textarea>
</td>
</tr>
<tr>
<td> 个性签名</td>
<td><textarea name="perSign" rows="4" cols="30">
</textarea>
</td>
</tr>
</tbody>
<tr>
<td colspan="2" align="center"><input type="submit" value="提交"/></td>
</tr>
</table>
</form>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- strus+ajax实例--用户注册(1)
- strus+ajax实例--用户注册(3)
- strus+ajax实例--用户注册(4)
- AJAX编写的用户注册实例及技术小结
- AJAX编写的用户注册实例及技术小结
- AJAX编写的用户注册实例及技术小结
- jQueryValidate Ajax用户注册实例
- AJAX编写的用户注册实例及技术小结
- AJAX编写的用户注册实例及技术小结
- 用AJAX编写用户注册时的应用实例
- jQuery的Ajax用户认证和注册技术实例教程(附demo源码)
- 用AJAX编写用户注册实例及技术小结(局部刷新)
- AJAX编写用户注册实例及技术小结
- 用AJAX编写用户注册时的应用实例
- AJAX编写用户注册实例及技术小结
- 用AJAX编写用户注册时的应用实例
- AJAX编写的用户注册实例及技术小结
- 用AJAX编写用户注册实例
- AJAX编写的用户注册实例及技术小结
- AJAX编写的用户注册实例及技术小结