jsp+Ajax判断邮箱、用户名是否存在的有关问题(急)

jsp+Ajax判断邮箱、用户名是否存在的问题(急) - Web 开发 / Ajax

HTML code

&lt;HTML&gt;&lt;HEAD&gt;&lt;TITLE&gt;&lt;/TITLE&gt;&lt;/HEAD&gt;&lt;script type="text/javascript" language="javascript"&gt;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;}&lt;/script&gt;&lt;script type="text/javascript" language="javascript"&gt;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 ;}&lt;/script&gt;&lt;script language="javascript"&gt;function checkspace(checkstr){    var str = '';        for(i = 0; i &lt; 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 = "&lt;table width='300' bgcolor=E2F5FF&gt;&lt;tr&gt;&lt;td align=left valign=middle class=tdborder&gt;&nbsp;&nbsp;&lt;font color=red&gt;&lt;B&gt;ok!&lt;/B&gt;&lt;/font&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;";    Obj.innerHTML = StrErro;}function Check_AssetOK(Erro_ID){    var StrErro;    var Obj;        Obj=getObj(Erro_ID);    StrErro = "&lt;FONT COLOR=RED font-size:14px&gt;资料载入中,请稍后...&lt;/FONT&gt;";    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 = '&lt;table width =300  bgcolor="#FFE2E9"&gt;&lt;tr&gt;&lt;td class=tdborder4 &gt;&lt;font color=red&gt;&nbsp;&nbsp;您输入的邮件地址有误,邮件地址不能为空。&lt;/font&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;';         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 = '&lt;table width=300 bgcolor=#FFE2E9&gt;&lt;tr&gt;&lt;td align=left valign=middle class=tdborder4&gt;&nbsp;&nbsp;&lt;font color=red&gt;请输入正确的邮件地址。&lt;/font&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;';        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 = '&lt;table width="300" bgcolor="#FFE2E9"&gt;&lt;tr&gt;&lt;td class=tdborder4 &gt;&lt;font color=red&gt;&nbsp;&nbsp;您好,用户名不能为空！&lt;/font&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;';         Show_Erro(Obj,StrErro);         return false;    }    //长度验证    if(Input_Value.length&lt;6||Input_Value.length&gt;16)    {         SrtErro = '&lt;table width="300"  bgcolor="#FFE2E9"&gt;&lt;tr&gt;&lt;td class=tdborder4 &gt;&lt;font color=red&gt;&nbsp;&nbsp;长度不正确,由6-16位英文字母、数字、下划线组成。&lt;/font&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;'         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 = '&lt;table width="300"  bgcolor="#FFE2E9"&gt;&lt;tr&gt;&lt;td class=tdborder4 &gt;&lt;font color=red&gt;&nbsp;&nbsp;以字母开头由6-16位英文字母、数字、下划线组成。&lt;/font&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;';         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;}&lt;/script&gt;&lt;BODY topmargin="0" rightmargin="10" leftmargin="10"&gt;&lt;table border="0" cellpadding="0" cellspacing="0"   height="407" width="720"  style="margin-left:30px;margin-top:40px " &gt;                &lt;form name="form1" method="post" action="Job/StellaReg_ok.jsp" onsubmit="return checkdata();"&gt;                    &lt;tr&gt;                        &lt;td width="100" height="40" align="right"&gt;&lt;strong&gt;电子邮件：&lt;/strong&gt;&lt;/td&gt;                        &lt;td width="180" height="40" &gt;&lt;input type="text" size="30" name="internetadd"  id="internetadd" onFocus="Check_Onfocus('check','&lt;table  width=100% bgcolor=E2F5FF&gt;&lt;tr&gt;&lt;td align=left valign=middle class=tdborder&gt;&nbsp;&nbsp;请准确填写您的E-MAIL地址。&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;')" onBlur="Check_internetadd(this.value,'Check');"&gt;&lt;/td&gt;                        &lt;td width="300" id="Check" height="40" &gt;                            &lt;table width="300" height="40" &gt;                            &lt;tr&gt;&lt;td align=left valign=middle width="300" &gt;&lt;div style="width:300px;border:1px solid #CCCCCC;line-height:25px "&gt;&nbsp;(请准确填写您的E-MAIL地址。) &lt;/div&gt;                        &lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;                        &lt;/td&gt;                        &lt;/tr&gt;                    &lt;tr&gt;                        &lt;td width="100" height="40" align="right"&gt;&lt;strong&gt;用&nbsp;&nbsp;户&nbsp;&nbsp;名：&lt;/strong&gt;&lt;/td&gt;                        &lt;td width="180" height="40" &gt;                        &lt;input type="text" size="30" name="userlogin" id="userlogin" onFocus="Check_Onfocus('check1','&lt;table  width=100% bgcolor=E2F5FF&gt;&lt;tr&gt;&lt;td align=left valign=middle class=tdborder&gt;&nbsp;&nbsp;用户名必须为英文字母、数字、下划线或中文组成。&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;')" onBlur="Check_userlogin(this.value,'Check1');"&gt;                        &lt;/td&gt;                        &lt;td width="300" id="Check1" height="40" &gt;                            &lt;table width="300" height="40"&gt;                            &lt;tr&gt;&lt;td align=left valign=middle width="300"&gt;&lt;div style="width:300px;border:1px solid #CCCCCC;line-height:25px "&gt;&nbsp;(以字母开头由6-16位英文字母、数字、下划线组成。) &lt;/div&gt;                            &lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;                        &lt;/td&gt;                    &lt;/tr&gt;&lt;tr&gt;                        &lt;td width="100" height="30" align="right"&gt;&nbsp;&lt;/td&gt;                        &lt;td width="180"&gt;&lt;input type="submit" value="确认" name="b1" &gt;&lt;/td&gt;                        &lt;td width="200"&gt;&nbsp;&lt;/td&gt;                    &lt;/tr&gt;                &lt;/form&gt;          &lt;/table&gt; &lt;/BODY&gt;&lt;/HTML&gt;

对应的Check_internet_add.jsp页面如下

HTML code

&lt;HTML&gt;&lt;%String internetadd="";    internetadd=request.getParameter("internet_add"); %&gt;&lt;HEAD&gt;&lt;TITLE&gt;&lt;/TITLE&gt;&lt;/HEAD&gt;&lt;jsp:useBean id="OracleConn" scope="application" class="stella.eip.OracleConn"/&gt;&lt;body&gt;        &lt;%        Connection conn=null;        Statement stmt=null;        ResultSet rs=null;        String sql=null;         try{             conn=OracleConn.getConnection();             stmt=conn.createStatement(ResultSet.TYPE_SCROLL_SENSITIVE,ResultSet.CONCUR_READ_ONLY);           sql="select * from EIP_USERS where internetadd='"+internetadd+"' ";           rs=stmt.executeQuery(sql);           if(rs.next()){                 out.println("&lt;table width=300 bgcolor=#FFE2E9&gt;&lt;tr&gt;&lt;td align=left valign=middle class=tdborder&gt;&lt;font color='red'&gt;&lt;b&gt;"+internetadd+"&lt;/b&gt;&lt;/font&gt;已经存在.&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;");           } else {                 out.println("&lt;table width=300 bgcolor=E2F5FF&gt;&lt;tr&gt;&lt;td align=left valign=middle class=tdborder&gt;&lt;font color='red'&gt;&lt;b&gt;"+internetadd+"&lt;/b&gt;&lt;/font&gt;可以使用.&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;");               }               rs.close();         }catch(Exception sqle){            out.print(sqle);}        finally {            if (stmt != null)stmt.close();            if (conn != null)conn.close();        }           %&gt; &lt;/body&gt;&lt;/HTML&gt;

现在的问题是当某个邮箱或用户名显示存在时，页面也会提交，
请帮忙在以上程序基础上修改

[解决办法]

引用楼主 qw0907 的帖子:
现在的问题是当某个邮箱或用户名显示存在时，页面也会提交，
请帮忙在以上程序基础上修改

[解决办法]
AJAX是异步的你的AJAX取数据还没取完就已经执行到下一步了也就是return true
你得在AJAX里面进行控制
[解决办法]

探讨
AJAX是异步的你的AJAX取数据还没取完就已经执行到下一步了也就是return true
你得在AJAX里面进行控制

[解决办法]
jsp+Ajax判断邮箱、用户名是否存在的问题

冒似简单....思路：先JS判断邮箱、用户名是否合法，然后发送AJAX到SERVER查询，看看返回的结果接知道
[解决办法]
状态同步和代码逻辑没有处理好

你的ajax是异步执行，下面的红色的代码会继续执行返回true，这样就会提交表单了

else
{

AjaxCheck("Job/Check_userlogin.jsp?user_login="+Input_Value,"",Obj);
}

Check_AssetOK(Erro_ID);
return true;

改为同步提交，而且还得修改你的Check_userlogin方法

JScript code

function AjaxCheck(url,httpMethod,Show_Obj){    ShowObj=Show_Obj;        if(!httpMethod)    {        httpMethod="POST";    }    xmlHttp=CreateXmlRequest();    //xmlHttp.onreadystatechange=StateContent;    xmlHttp.open(httpMethod,url,/*true*/false);//改为同步，这样不需要状态转换函数了    xmlHttp.send(null);ShowObj.className = "Erro_Css";        //ShowObj.innerHTML = xmlHttp.responsetext;    ShowObj.innerHTML = xmlHttp.responseText;//你返回了字符串，这样非常不明智的返回，应该直接返回true或者false，那么只能判断“可以使用”或者“已经存在”了if(xmlHttp.responseText.indexOf("可以使用")!=-1)return true;//else return false;}function Check_userlogin(Input_Value,Erro_ID){    var StrErro;    var Obj=getObj(Erro_ID);            if (Input_Value.length==0||checkspace(Input_Value))    {         StrErro = '&lt;table width="300" bgcolor="#FFE2E9"&gt;&lt;tr&gt;&lt;td class=tdborder4 &gt;&lt;font color=red&gt;&nbsp;&nbsp;您好,用户名不能为空！&lt;/font&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;';         Show_Erro(Obj,StrErro);         return false;    }    //长度验证    if(Input_Value.length&lt;6||Input_Value.length&gt;16)    {         SrtErro = '&lt;table width="300"  bgcolor="#FFE2E9"&gt;&lt;tr&gt;&lt;td class=tdborder4 &gt;&lt;font color=red&gt;&nbsp;&nbsp;长度不正确,由6-16位英文字母、数字、下划线组成。&lt;/font&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;'         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 = '&lt;table width="300"  bgcolor="#FFE2E9"&gt;&lt;tr&gt;&lt;td class=tdborder4 &gt;&lt;font color=red&gt;&nbsp;&nbsp;以字母开头由6-16位英文字母、数字、下划线组成。&lt;/font&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;';         Show_Erro(Obj,StrErro);         return false;    }   else    {            Check_AssetOK(Erro_ID);       return AjaxCheck("Job/Check_userlogin.jsp?user_login="+Input_Value,"",Obj);//========使用了不同，所以直接返回ajax的验证结果    }             //Check_AssetOK(Erro_ID);    //return true;}//统一验证 
 
[解决办法]
是啊  异步返回数据问题  改为同步

jsp+Ajax判断邮箱、用户名是否存在的有

热点推荐