截图http://download1.csdn.net/down3/20070606/06132155974.jpg
注册页面
<link href="inc/reg_css.css" rel="stylesheet" type="text/css">
<script src="Functions.js" language="JavaScript"></script>
<Br />
<!--ajax-->
<table width="90%" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td><table width="90%" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0" class="zhangqingse">
<tr><td><img src="images/left.jpg" /></td><Td bgcolor="#DDDDCC" width="100%">注册新帐号</Td><td><img src="images/right.jpg" /></td>
</tr>
</table></td>
</tr>
<tr >
<td><FORM name="formRegister" onSubmit="return CheckPersonRegister()"
action=regpost.asp method=post>
<TABLE width=100% align="center" cellPadding=4 cellSpacing=1 class="sign_reg_tableborder">
<TBODY class="zhangqingse">
<tr>
<td width="13%" height="16" align="right">会员登录名: </td>
<td width="46%">
<input name="UserName" type="text" id="UserName" class=input size=25 onFocus="On_Focus('UserNamea')" onBlur="On_Blur('UserNamea');CheckRegisterUserName('Person')">
<font color="#FF0000">*</font> </td>
<td width="41%"><div id="UserNamea" class="div_onblur">帐号为EMAIL地址</div>
</td>
</tr>
<tr>
<td height="16" align="right">登录密码:</td>
<td><input name="Pass" type="password" id="Pass" maxlength="40" onFocus="On_Focus('Passa')" onBlur="On_Blur('Passa')" class=input size=25>
<font color="#FF0000">*</font></td>
<td><div id="Passa" class="div_onblur">密码由6-20个英文字母或数字组成</div></td>
</tr>
<tr>
<td height="16" align="right">确认密码:</td>
<td><input name="Pass2" type="password" id="Pass2" class=input size=25 maxlength="40" onFocus="On_Focus('Pass2a')" onBlur="On_Blur('Pass2a')"> <font color="#FF0000">*</font></td>
<td><div id="Pass2a" class="div_onblur">再输入一次您上面填写的密码。</div></td>
</tr>
<tr>
<td width="16%" height="16" align="right"> 真实姓名: </td>
<td width="41%"> <input name="xm" type="text" id="xm" class=input size=25 maxlength="10" onFocus="On_Focus('xma')" onBlur="On_Blur('xma')">
<font color="#FF0000">*</font> </td>
<td width="43%"><div id="xma" class="div_onblur">请认真填写您的真实姓名</div></td>
</tr>
<tr>
<td width="16%" height="16" align="right">地址: </td>
<td width="41%"> <input name="Add" type="text" id="Add" class=input size=25 maxlength="10" onFocus="On_Focus('Adda')" onBlur="On_Blur('Adda')">
</td>
<td width="43%"><div id="Adda" class="div_onblur">请认真填写您地址</div></td>
</tr>
<tr>
<td width="16%" height="16" align="right">邮编: </td>
<td width="41%"> <input name="Zip" type="text" id="Zip" class=input size=25 maxlength="10" onFocus="On_Focus('Zipa')" onBlur="On_Blur('Zipa')">
</td>
<td width="43%"><div id="Zipa" class="div_onblur">请认真填写您的邮政编码</div></td>
</tr>
<tr>
<td width="16%" height="16" align="right">电话: </td>
<td width="41%"> <input name="Phone" type="text" id="Phone" class=input size=25 maxlength="10" onFocus="On_Focus('Phonea')" onBlur="On_Blur('Phonea')">
<font color="#FF0000">*</font> </td>
<td width="43%"><div id="Phonea" class="div_onblur">请认真填写您的手机或者办公电话</div></td>
</tr>
<TR>
<TD height="22" colSpan=2><DIV align=center>
<INPUT type=submit size=3 value=完成 name=Submit2 class="input">
</DIV></TD>
</TR>
</TBODY>
</TABLE>
</FORM></td>
</tr>
</table></td>
</tr>
</table>
<iframe name="che" width="0" height="0" scorlling="no" frameborder="0"></iframe><!--这个IFRAME必须要-->
检查页面
<!--#include file="inc/conn.asp" -->
<%
UserName=Trim(Request("UserName"))
Set Rs=Server.CreateObject("adodb.recordset")
Rs.Open "Select * From [user] Where UserName='"&UserName&"'",Conn,1,1
IF rs.eof and rs.bof then
Response.write "<script>parent.window.UserNamea.innerHTML='<font color=green>恭喜您,此帐号可以注册</font>'</script>"
Else
Response.write "<script>parent.window.UserNamea.innerHTML='<font color=red>对不起,此帐号已被注册,请重新选择</font>'</script>"
End IF
%>
JS文件
// JavaScript Document
//检测用户名
function CheckRegisterUserName(Str){
_va = document.formRegister
if (_va.UserName.value.length<4){
window.UserNamea.innerHTML='<font color=red>请正确填写帐号</font>';
return false;
}
if (_va.UserName.value.indexOf("@")==-1||_va.UserName.value.indexOf(".")==-1){
window.UserNamea.innerHTML='<font color=red>帐号为email地址</font>';
_va.UserName.focus();
return false;
}
else {
che.location.href='CheckRegisterUserName.asp?Typea='+Str+"&UserName="+_va.UserName.value;
}
}
//DIV变换色
function On_Focus(Str){
document.getElementById(Str).className='div_onfocus';
}
function On_Blur(Str){
document.getElementById(Str).className='div_onblur';
}
//显示隐藏层
function ChangeLayerType(Str){
if (Str=="Close"){
document.getElementById("Layer1").style.visibility='hidden';
}
else
{
document.getElementById("Layer1").style.visibility='inherit';
}
}
//会员注册检测
function CheckPersonRegister(){
_va = document.formRegister
if (_va.UserName.value.indexOf("@")==-1||_va.UserName.value.indexOf(".")==-1||_va.UserName.value.charAt("0")==" "){
window.UserNamea.innerHTML='<font color=red>请正确填写帐号</font>';
_va.UserName.focus();
return false;
}
if (_va.Pass.value.length<6||_va.Pass.value.charAt("0")==" "){
window.Passa.innerHTML='<font color=red>密码大于6位</font>';
_va.Pass.focus();
return false;
}
if (_va.Pass2.value.length<6){
window.Pass2a.innerHTML='<font color=red>确认密码大于6位</font>';
_va.Pass2.focus();
return false;
}
if (_va.Pass.value!=_va.Pass2.value){
window.Passa.innerHTML='<font color=red>两次输入的密码不同</font>';
_va.Pass2.value='';
_va.Pass.value='';
_va.Pass.focus();
return false;
}
if (_va.xm.value.length<2){
window.xma.innerHTML='<font color=red>名称必须填写</font>';
_va.xm.focus();
return false;
}
if (_va.Phone.value.length<7){
//alert("电话必须填写");
window.Phonea.innerHTML='<font color=red>电话必须填写</font>';
_va.Phone.focus();
return false;
}
else {
_va.sbn.disabled = true;
_va.sbn.value='系统正在操作中...';
return true;
}
}
//
function AllLayerType(str){
if (str=="true"){
parent.document.getElementById("BigLayer").style.visibility='inherit';
}else {
parent.document.getElementById("BigLayer").style.visibility='hidden';
}
}