jsp+Ajax判断邮箱、用户名是否存在的问题(急) - Web 开发 / Ajax
HTML code
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<script type="text/javascript" language="javascript">
var xmlHttp=false;
var ShowObj="";
function AjaxCheck(url,httpMethod,Show_Obj)
{
ShowObj=Show_Obj;
if(!httpMethod)
{
httpMethod="POST";
}
xmlHttp=CreateXmlRequest();
xmlHttp.onreadystatechange=StateContent;
xmlHttp.open(httpMethod,url,true);
xmlHttp.send(null);
}
function StateContent()
{
if(xmlHttp.readyState==4)
{
if(xmlHttp.status==200)
{
MakeOperate();
}
}
}
function MakeOperate()
{
ShowObj.className = "Erro_Css";
//ShowObj.innerHTML = xmlHttp.responsetext;
ShowObj.innerHTML = xmlHttp.responseText;
}
</script>
<script type="text/javascript" language="javascript">
function CreateXmlRequest( )
{
var xmlhttp_request = false;
try
{
if( window.ActiveXObject )
{
for( var i = 5; i; i-- )
{
try
{
if( i == 2 )
{
xmlhttp_request = new ActiveXObject("Microsoft.XMLHTTP");
}
else
{
xmlhttp_request = new ActiveXObject("Msxml2.XMLHTTP." + i + ".0");
xmlhttp_request.setRequestHeader("Content-Type","text/xml");
xmlhttp_request.setRequestHeader("Content-Type","UTF-8");
}
break;
}
catch(e)
{
xmlhttp_request = false;
}
}
}
else if(window.XMLHttpRequest)
{
xmlhttp_request = new XMLHttpRequest();
if (xmlhttp_request.overrideMimeType)
{
xmlhttp_request.overrideMimeType('text/xml');
}
}
}
catch(e)
{
xmlhttp_request = false;
}
return xmlhttp_request ;
}
</script>
<script language="javascript">
function checkspace(checkstr)
{
var str = '';
for(i = 0; i < checkstr.length; i++)
{
str = str + ' ';
}
return (str == checkstr);
}
function getObj(objName)
{
return(document.getElementById(objName));
}
function Check_OK(Erro_ID)
{
var StrErro;
var Obj;
Obj=getObj(Erro_ID);
StrErro = "<table width='300' bgcolor=E2F5FF><tr><td align=left valign=middle class=tdborder> <font color=red><B>ok!</B></font></td></tr></table>";
Obj.innerHTML = StrErro;
}
function Check_AssetOK(Erro_ID)
{
var StrErro;
var Obj;
Obj=getObj(Erro_ID);
StrErro = "<FONT COLOR=RED font-size:14px>资料载入中,请稍后...</FONT>";
Obj.innerHTML = StrErro;
}
function Show_Erro(Obj,Erro_Info)
{
Obj.innerHTML = Erro_Info;
}
function Check_Onfocus(Erro_ID,Words)
{
var Obj;
Obj=getObj(Erro_ID);
Obj.innerHTML = Words;
}
//Email验证
function Check_internetadd(Input_Value,Erro_ID)
{
var StrErro;
var Obj=getObj(Erro_ID);
if (Input_Value.length==0||checkspace(Input_Value))
{
StrErro = '<table width =300 bgcolor="#FFE2E9"><tr><td class=tdborder4 ><font color=red> 您输入的邮件地址有误,邮件地址不能为空。</font></td></tr></table>';
Show_Erro(Obj,StrErro);
return false;
}
var patn = /^[_a-zA-Z0-9\-]+(\.[_a-zA-Z0-9\-]*)*@[a-zA-Z0-9\-]+([\.][a-zA-Z0-9\-]+)+$/;
if(!patn.test(Input_Value))
{
var StrErro = '<table width=300 bgcolor=#FFE2E9><tr><td align=left valign=middle class=tdborder4> <font color=red>请输入正确的邮件地址。</font></td></tr></table>';
Show_Erro(Obj,StrErro);
return false;
}
else
{
AjaxCheck("Job/Check_internet_add.jsp?internet_add="+Input_Value,"",Obj);
}
Check_AssetOK(Erro_ID);
return true;
}
//用户名验证
function Check_userlogin(Input_Value,Erro_ID)
{
var StrErro;
var Obj=getObj(Erro_ID);
if (Input_Value.length==0||checkspace(Input_Value))
{
StrErro = '<table width="300" bgcolor="#FFE2E9"><tr><td class=tdborder4 ><font color=red> 您好,用户名不能为空！</font></td></tr></table>';
Show_Erro(Obj,StrErro);
return false;
}
//长度验证
if(Input_Value.length<6||Input_Value.length>16)
{
SrtErro = '<table width="300" bgcolor="#FFE2E9"><tr><td class=tdborder4 ><font color=red> 长度不正确,由6-16位英文字母、数字、下划线组成。</font></td></tr></table>'
Show_Erro(Obj,SrtErro);
return false;
}
var patn=/^[a-zA-Z]{1}([a-zA-Z0-9]|[._]){5,15}$/; //匹配IP地址的正则表达式
if(!patn.test(Input_Value))
{
StrErro = '<table width="300" bgcolor="#FFE2E9"><tr><td class=tdborder4 ><font color=red> 以字母开头由6-16位英文字母、数字、下划线组成。</font></td></tr></table>';
Show_Erro(Obj,StrErro);
return false;
}
else
{
AjaxCheck("Job/Check_userlogin.jsp?user_login="+Input_Value,"",Obj);
}
Check_AssetOK(Erro_ID);
return true;
}//统一验证
function checkdata()
{
var pass = true;
if(!Check_internetadd(document.form1.internetadd.value,"Check")){
pass = false;
}
if(!Check_userlogin(document.form1.userlogin.value,"Check1")){
pass = false;
}
return pass;
}
</script>
<BODY topmargin="0" rightmargin="10" leftmargin="10">
<table border="0" cellpadding="0" cellspacing="0" height="407" width="720" style="margin-left:30px;margin-top:40px " >
<form name="form1" method="post" action="Job/StellaReg_ok.jsp" onsubmit="return checkdata();">
<tr>
<td width="100" height="40" align="right"><strong>电子邮件：</strong></td>
<td width="180" height="40" ><input type="text" size="30" name="internetadd" id="internetadd" onFocus="Check_Onfocus('check','<table width=100% bgcolor=E2F5FF><tr><td align=left valign=middle class=tdborder> 请准确填写您的E-MAIL地址。</td></tr></table>')" onBlur="Check_internetadd(this.value,'Check');"></td>
<td width="300" id="Check" height="40" >
<table width="300" height="40" >
<tr><td align=left valign=middle width="300" ><div style="width:300px;border:1px solid #CCCCCC;line-height:25px "> (请准确填写您的E-MAIL地址。) </div>
</td></tr></table>
</td>
</tr>
<tr>
<td width="100" height="40" align="right"><strong>用 户 名：</strong></td>
<td width="180" height="40" >
<input type="text" size="30" name="userlogin" id="userlogin" onFocus="Check_Onfocus('check1','<table width=100% bgcolor=E2F5FF><tr><td align=left valign=middle class=tdborder> 用户名必须为英文字母、数字、下划线或中文组成。</td></tr></table>')" onBlur="Check_userlogin(this.value,'Check1');">
</td>
<td width="300" id="Check1" height="40" >
<table width="300" height="40">
<tr><td align=left valign=middle width="300"><div style="width:300px;border:1px solid #CCCCCC;line-height:25px "> (以字母开头由6-16位英文字母、数字、下划线组成。) </div>
</td></tr></table>
</td>
</tr>
<tr>
<td width="100" height="30" align="right"> </td>
<td width="180"><input type="submit" value="确认" name="b1" ></td>
<td width="200"> </td>
</tr>
</form>
</table>
</BODY>
</HTML>