高手求救!!!
shine861210
|
1#
shine861210 发表于2006-11-01
高手求救!!!
我现在在做一个php项目,我想写一个简单的无刷新注册页面,已经写了一个多星期了,错的乱七八糟,改不好了,哪位能帮我啊,感激涕零哦!!
///////////////这是我写的代码 <script language="javascript"> var request; try { request=new XMLHttprequest; } catch (e) { try { request=new ActiveXObject("Msxml2.xmlHTTP"); } catch (e1) { try { request=new ActiveXObject("Microsoft.xmlHTTP"); } catch (e2) { alert("您的浏览器版本不支持Ajax!"); } } } ////////////////////////////////////////////////////////////////////////////////////////////////////////// //判断用户名的使用，存在，是否为空 function AjaxName() { if(document.getElementById("Uname").value!="") { url="ajax.php?Uname="+document.form1.Uname.value; request.open("GET",url,true); request.onreadystatechange=update; request.send(null); } else { document.getElementById("noteName").innerText= "用户名不能为空！"; } } function update() { if(request.readyState==4&&request.status==200) { if(request.responseText=="ok") { document.getElementById("msg").innerText="用户名可以使用!"; document.getElementById("noteName").style.display="none"; } if(request.responseText=="no") { document.getElementById("msg1").innerText="用户名已存在!"; document.getElementById("noteName").style.display="none"; } } } ////////////////////////////////////////////////////////////////////////////////////////////////////////// function zhuce() { if (document.form1.Uname.value=="") { alert("用户名格式不对"); document.form1.Uname.focus(); return false; } if (document.form1.pwd.value=="") { alert("密码不能为空"); document.form1.pwd.focus(); return false; } if (document.form1.pwd.value!=document.form1.sPwd.value) { alert("确认密码不对"); document.form1.sPwd.focus(); return false; } if(document.form1.Email.value=="") { document.getElementById("noteEmail").innerText="邮箱不能为空"; document.getElementById("noteEmail").style.display="none"; return false; } if(document.getElementById("Email").value.match(/^\w+@\w+.\w+/)) { document.getElementById("noteEmail").innerText="邮箱地址正确"; document.getElementById("noteEmail").style.display="none"; } else { document.getElementById("noteEmail1").innerText="邮箱地址不正确"; document.getElementById("noteEmail").style.display="none"; return false; } } </script> ////////////////////////////////////下面是表单 <table width="90%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td height="20" align="center">用户注册</td> </tr> <tr> <td><form name="form1" method="post" action="zhuce_cg.php" onSubmit="return zhuce()"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td><table width="80%" border="1" align="center" cellpadding="0" cellspacing="0"> <tr class="hei10"> <td width="20%" height="35" align="left" valign="bottom">用户名：</td> <td width="40%" valign="bottom"><input name="Uname" type="text" id="Uname" size="15" maxlength="20" onBlur="AjaxName()"></td> <td valign="bottom"><span id="noteName" style="display: ">* 用户名要以字母,数字或下划线组成</span> <span id="msg" class="red10"></span><span id="msg1" class="red10"></span> </td> </tr> <tr class="hei10"> <td width="20%" height="35" align="left" valign="bottom">密 码：</td> <td width="40%" valign="bottom"><input name="pwd" type="text" id="pwd" size="15" maxlength="16"></td> <td valign="bottom"><span id="notePwd" style="display: ">* 密码长度为6-16位,以字母,数字或下划线组成,不区分大小写</span> <span id="notePwd1"></span> </td> </tr> <tr class="hei10"> <td width="20%" height="35" align="left" valign="bottom">确认密码：</td> <td width="40%" valign="bottom"><input name="sPwd" type="text" id="sPwd" size="15" maxlength="16"></td> <td valign="bottom"><span id="noteRePwd" style="display: ">* 与密码一致</span> <span id="noterePwd1"></span> </td> </tr> <tr class="hei10"> <td width="20%" height="35" align="left" valign="bottom">性别：</td> <td width="40%" valign="bottom"><input name="sex" type="radio" value="男"> 男 <input name="sex" type="radio" value="女" checked> 女</td> <td valign="bottom">*</td> </tr> <tr class="hei10"> <td width="20%" height="35" align="left" valign="bottom">Email:</td> <td width="40%" valign="bottom"><input name="Email" type="text" id="Email" size="18"></td> <td valign="bottom"><span id="noteEmail" style="display: ">* 例:[email protected]</span> <span id="noteEmail1"></span> </td> </tr> <tr class="hei10"> <td width="20%" height="35" align="left" valign="bottom">验证码:</td> <td width="40%" align="left" valign="bottom"><input name="CheckImage" type="text" id="CheckImage" maxlength="4" width="50" height="20"> <img src="yanzhengma.php" alt="" width="64" height="30" align="absbottom"> </td> <td width="79%" align="left" valign="bottom"><span id="noteCheckImage">* 看不清楚，请点击图片</span> <span id="noteCheckImageA"></span> <span id="noteCheckImageB"></span></td> </tr> </table></td> </tr> <tr> <td><table width="80%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td height="35" align="right"><input type="submit" name="Submit" value="提交" alt="index.php"></td> <td> </td> <td><input name="Submit" type="reset" value="清除"></td> </tr> </table></td> </tr> </table> </form></td> </tr> </table> </body> [ 本帖最后由 shine861210 于 2006-11-1 11:18 编辑 ] |