本篇使用Ajax实现页面无刷新验证用户名是否存在。
七、注册页面实现
1、注册页面设计
register.php部分代码:
<tr>
<!-- 注册表 -->
<td colSpan=3 valign="baseline" style="BACKGROUND-IMAGE: url( images/bg.jpg); VERTICAL-ALIGN: middle; HEIGHT: 450px; TEXT-ALIGN: center"><br>
<form name="myform" action="register_deal.php" method="post">
<table width="85%" border="1" align=center cellpadding=3 cellspacing=2 bordercolor="#FFFFFF" bgcolor="#FFFFFF" class=i_table>
<tr align="left" bgcolor="#EFF7DE">
<td height=22 colspan=2 bgcolor="#EFF7DE" class=right_head><span class="tableBorder_LTR">必填内容</span></td>
</tr>
<tr bgcolor="#FFFFFF">
<td width=22% align="right" valign=middle class='f_one'> 用户名</td>
<td width=78% align="left" class='f_one'><input name='txt_regname' type=text id="txt_regname" value='' size=20 maxlength=14 οnblur="javascript:chkUserName();"/>
<label id="l1">*</label><label id="ll1" class="label2"></label>
</td>
</tr>
<tr bgcolor="#FFFFFF">
<td align="right" valign=middle > 真实姓名</td>
<td align="left" > <input name='txt_regrealname' type='text' id="txt_regrealname" size='20' maxlength='75' οnblur="javascript:chkRealName()"/>
<label id="l4">*</label><label id="ll4" class="label2"></label></td>
</tr>
<tr>
<tr bgcolor="#FFFFFF">
<td align="right" valign=middle > 密码</td>
<td align="left"> <input name='txt_regpwd' type='password' id="txt_regpwd" size=20 maxlength=75 οnblur="javascript:chkPwd();"/>
英文字母或数字等不少于3位<label id="l2">*</label><label id="ll2" class="label2"></label></td>
</tr>
<tr bgcolor="#FFFFFF">
<td align="right" valign=middle> 确认密码</td>
<td align="left" > <input name='txt_regpwd2' type='password' id=