<script type=
"text/javascript"
>
function
init(){
document.getElementById(
"username"
).focus();
}
function
validate(userfield) {
if
(trim(userfield.value).length != 0) {
var
xmlHttpRequest =
null
;
var
url =
"../AccountIsExistServlet?account="
+ userfield.value;
var
usermsg = document.getElementById(
"usermsg"
);
if
(window.XMLHttpRequest) {
//表示前瀏覽器IE
xmlHttpRequest =
new
XMLHttpRequest();
}
else
if
(window.ActiveXObject) {
xmlHttpRequest =
new
ActiveXObject(
"Microsoft.XMLHTTP"
);
}
xmlHttpRequest.open(
"GET"
, url,
true
);
//設置請求式GET設置請求URL設置異步提交
xmlHttpRequest.onreadystatechange =
function
(){
//址復制給onreadystatechange屬性
if
(xmlHttpRequest.readyState == 4){
//Ajax引擎狀態功
if
(xmlHttpRequest.status == 200){
//HTTP協議狀態功
if
(trim(xmlHttpRequest.responseText) !=
""
){
usermsg.innerHTML =
"<font color='red'>"
+ trim(xmlHttpRequest.responseText) +
"</font>"
;
userfield.focus();
}
else
{
usermsg.innerHTML =
"恭喜您用戶名使用 "
;
}
}
else
{
alert(
"請求失敗錯誤碼="
+ xmlHttp.status);
}
}
};
xmlHttpRequest.send(
null
);
//設置信息發送Ajax引擎
}
else
{
usermsg.innerHTML =
""
;
}
}
<
tr
height
=
"30px;"
>
<
td
><
font
color
=
"#FF0000"
>*</
font
>用戶名：</
td
>
<
td
><
input
type
=
"text"
name
=
"account"
id
=
"username"
maxlength
=
"12"
onblur
=
"validate(this)"
/></
td
>
<
td
width
=
"220px;"
><
span
id
=
"usermsg"
></
span
></
td
>
</
tr
>
|
import
java.io.IOException;
import
java.io.PrintWriter;
import
javax.servlet.ServletException;
import
javax.servlet.annotation.WebServlet;
import
javax.servlet.http.HttpServlet;
import
javax.servlet.http.HttpServletRequest;
import
javax.servlet.http.HttpServletResponse;
import
com.gas.bo.UserInfoBO;
@WebServlet
(
"/AccountIsExistServlet"
)
public
class
AccountIsExistServlet
extends
HttpServlet {
protected
void
doGet(HttpServletRequest request,
HttpServletResponse response)
throws
ServletException, IOException {
// 阻止緩存
response.setContentType(
"text/xml"
);
response.setHeader(
"Cache-Control"
,
"no-store"
);
// HTTP1.1
response.setHeader(
"Pragma"
,
"no-cache"
);
// HTTP1.0
response.setDateHeader(
"Expires"
,
0
);
// prevents catching at proxy
// server
PrintWriter out = response.getWriter();
//js傳漢字進行轉碼避免漢字候現亂碼
String account = request.getParameter(
"account"
);
UserInfoBO userInfoBO =
new
UserInfoBO();
boolean
b = userInfoBO.accountIsExist(account);
if
(b) {
out.print(
"用戶名已存請重新輸入"
);
}
}
}