<%@ page language="java" pageEncoding="UTF-8"
contentType="text/html; charset=UTF-8"%>
<%@ taglib uri="http://jakarta.apache.org/struts/tags-bean"
prefix="bean"%>
<%@ taglib uri="http://jakarta.apache.org/struts/tags-html"
prefix="html"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>注冊</title>
<script type="text/javascript" language="javascript" >
<!--
var XMLHttpReq = false;
//創(chuàng)建XMLHttpRequest對象
function createXMLHttpRequest() {
if (window.XMLHttpRequest) { //Mozilla 瀏覽器
XMLHttpReq = new XMLHttpRequest();
} else {
if (window.ActiveXObject) { // IE瀏覽器
try {
XMLHttpReq = new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e) {
try {
XMLHttpReq = new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e) {
alert("XMLHttpRequest創(chuàng)建失敗！");
}
}
}
}
}
//發(fā)送請求函數(shù)
function sendRequest(URL) {
createXMLHttpRequest();
XMLHttpReq.open("POST", URL, true);
XMLHttpReq.onreadystatechange = processResponse;//指定響應(yīng)函數(shù)
XMLHttpReq.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
XMLHttpReq.send(null); // 發(fā)送請求
}
// 處理返回信息函數(shù)
function processResponse() {
if (XMLHttpReq.readyState == 4) { // 判斷對象狀態(tài)
// alert("回調(diào)函數(shù)");
if (XMLHttpReq.status == 200) { // 信息已經(jīng)成功返回，開始處理信息
var res = XMLHttpReq.responseText;
chkck.innerHTML = res;
if(res=="工號已存在!")
{
document.getElementById("sbs").disabled="true";
}
if(res=="此工號可用!")
{
document.getElementById("sbs").disabled="";
}
}
}
}
// 工號唯一性驗證函數(shù)(number)
function userNumberCheck() {
var number = document.getElementById("USER_NUMBER").value;
if(number.length>0)
{
//alert(number);
chkck.style.display = "";
//alert("發(fā)送請求");
sendRequest("/vacation_manage/checkUserNumber.do?number=" + number);
}
}
//用戶注冊驗證函數(shù)
function regCheck() {
var userNumber = document.getElementById("USER_NUMBER").value;
var username = document.getElementById("USERNAME").value;
var password = document.getElementById("PASSWORD").value;
var rep_password = document.getElementById("REP_PASS").value;
var email = document.getElementById("ee").value;
var yanzhengma = document.getElementById("yzm").value;
if (!userNumber || userNumber.replace(/\s/g, "") == "") {
alert("用戶的ID不能為空！");
document.getElementById("USER_NUMBER").focus();
return false;
}
if(userNumber.length>5){
alert("ID不得超過5個字符！");
document.getElementById("USER_NUMBER").focus();
return false;
}
if (!username || username.replace(/\s/g, "") == "") {
alert("用戶名不能為空！");
return false;
}
if(username.length>=8){
alert("用戶名不得超過4個字！");
document.getElementById("USERNAME").focus();
return false;
}
if (!password || password.replace(/\s/g, "") == "") {
alert("密碼不能為空！");
document.getElementById("PASSWORD").focus();
return false;
}
if(password.length<3){
alert("密碼不得少于3個字符！");
document.getElementById("PASSWORD").focus();
document.getElementById("PASSWORD").value="";
document.getElementById("REP_PASS").value="";
return false;
}
if (!rep_password || rep_password.replace(/\s/g, "") == "") {
alert("二次密碼不能為空！");
document.getElementById("REP_PASS").focus();
return false;
}
if (password != rep_password) {
alert("兩次輸入的密碼不同！");
document.getElementById("PASSWORD").value="";
document.getElementById("REP_PASS").value="";
document.getElementById("PASSWORD").focus();
return false;
}
if(!email||email.replace(/\s/g, "") == ""){
alert("Email不能為空！");
document.getElementById("ee").focus();
return false;
}
if (!(email.search(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/) != -1)){
alert("請輸入合法的Email！");
document.getElementById("ee").focus();
return false;
}
if (!yanzhengma || yanzhengma.replace(/\s/g, "") == "") {
alert("驗證碼不能為空！");
document.getElementById("yzm").focus();
return false;
}
}
function fush()
{
document.getElementById("yanzm").style.display="none";
}
//-->
</script>
<link rel="stylesheet" href="/vacation_manage/css/common.css">
</head>
<body>
<html:form action="/register" method="post" >
<table align="center" >
<tr>
<td align="left" style="color: blue">
填寫注冊信息
</td>
</tr>
<tr align="center">
<td>
<table >
<tr>
<td align="right">
工號 :
</td>
</tr>
<tr>
<td align="right">
用戶名 :
</td>
</tr>
<tr>
<td align="right">
密碼 :
</td>
</tr>
<tr>
<td align="right">
重輸入密碼 :
</td>
</tr>
<tr>
<td align="right">
Email :
</td>
</tr>
<tr>
<td align="right">
驗證碼:
</td>
</tr>
</table>
</td>
<td>
<table>
<tr>
<td align="left">
<html:text property="userNumber" value="" size="15" onfocus="fush()"
styleId="USER_NUMBER" />
<span>不超過5個字符</span>
<span id="chkck" style="display: none ;color: blue">檢測中...請稍后</sapn>
</td>
</tr>
<tr>
<td align="left">
<html:text property="username" value="" size="15" styleId="USERNAME"
onfocus="userNumberCheck()" />
<span>不超過5個漢字</span>
</td>
</tr>
<tr>
<td align="left">
<html:password property="password" size="17" value="" styleId="PASSWORD" onfocus="clear()"/>
<span>不少于3個字符</span>
</td>
</tr>
<tr>
<td align="left">
<html:password property="rep_password" size="17" value="" styleId="REP_PASS"/>
</td>
</tr>
<tr>
<td align="left">
<html:text property="email" value="" size="15" styleId="ee" />
</td>
</tr>
<tr>
<td align="left">
<html:text property="yanzhengma" value="" size="15" styleId="yzm" />
<img src="/vacation_manage/page/yanzhengma.jsp" id="CheckCodeimg" title="看不清請點擊右邊！"/></td>
<td><a href="#" onclick="document.getElementById('CheckCodeimg').src='/vacation_manage/page/yanzhengma.jsp';">看不清？</a></td>
<div id="yanzm" style="color: red" ><html:errors property="yanzhengma"/></div>
</tr>
</table>
</td>
</tr>
<tr align="center">
<td>
<html:submit value="創(chuàng)建用戶" onclick="return regCheck()" disabled="false" styleId="sbs"/>
</td>
<td>
<html:reset value="取消" />
</td>
</tr>
</table>
</html:form>
</body>
</html>
/******************************************************
package com.action;
import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import org.apache.struts.action.Action;
import org.apache.struts.action.ActionForm;
import org.apache.struts.action.ActionForward;
import org.apache.struts.action.ActionMapping;
import com.dao.DbUserDAO;
import com.po.DbUser;
/**
* ajax驗證用戶的ID是不是存在
*
* @version1.0 2007/10/31
* @author Administrator
*
*/
public class CheckUserNumberActionAction extends Action {
public ActionForward execute(ActionMapping mapping, ActionForm form,
HttpServletRequest request, HttpServletResponse response)
throws IOException {
request.setCharacterEncoding("UTF-8");
response.setContentType("text/html;charset=UTF-8");
PrintWriter out = response.getWriter();
DbUserDAO dbUserDAO = new DbUserDAO();
String number = request.getParameter("number");
//System.out.println("the id is "+ number);
DbUser user = dbUserDAO.validateUserNumber(number);
if (user != null) {
out.print("工號已存在!");//
out.close();
return null;
} else {
out.print("此工號可用!");
out.close();
return null;
}
}
}
posted on 2007-12-11 17:25
Crying 閱讀(555)
評論(0) 編輯 收藏 所屬分類:
AJAX