<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
<title>ajax 使用者註冊檢測使用者名稱是否己被刪除</title>
<script language="網頁特效">
function $(id) {
return document.getelementbyid(id);
}
function createxmlhttp()
{
var xmlhttp=null
try{
xmlhttp=new xmlhttprequest();
}
catch(e){
xmlhttp=new activexobject("microsoft.xmlhttp");
}
return(xmlhttp);
}
function checkuser(u_name){
if(""==u_name)
{
$("usercheck").innerhtml = "<font color=red>× 使用者名稱不可為空!</font>"
return;
}
if((u_name.length<3)||(u_name.length>12))
{
$("usercheck").innerhtml = "<font color=red>× 使用者名稱為3到12個字元!</font>"
return;
}
var datatosend = "u_name="+u_name;
var xmlhttp = createxmlhttp();
xmlhttp.open("post","usercheck.asp教程",false);
xmlhttp.setrequestheader("content-type", "application/x-www-form-urlencoded");
xmlhttp.send(datatosend);
var strr=xmlhttp.responsetext;
if ("1000"==strr)
{
$("usercheck").innerhtml = "<font color=green>√ 使用者名稱 "+u_name+" 未被註冊,可以使用!</font>"
}
else if("2002"==strr)
{
$("usercheck").innerhtml = "<font color=red>× 使用者名稱 "+u_name+" 已被註冊,請更換使用者名稱!</font>"
}
}
</script>
</head>
<body>
<tr>
<td width="80" height="30" bgcolor="#ffffff">使用者名稱:</td>
<td height="30" bgcolor="#ffffff"><input onblur="checkuser(this.value)" name="u_name" size="25"> <span id=usercheck style="border: 1px solid rgb(102, 102, 255); padding: 2px; background-color: rgb(221, 255, 255);">必填,使用者名稱3-12個字元,只能包含0-9,a-z,a-z或底線</span></td>
</tr>
</body>
</html>
usercheck.asp檔案代碼
if request("username")<>"" then
response.write("1")
end if