杭州设计公司,杭州广告设计公司
网页设计
史上最强大的ASP+ajax注册即时提示程序
信息来源:http://www.51weidi.com     栏目类别: 网页设计     浏览次数:     发表评论 减小字体 增大字体

经常有网友找我要注册即时提示系统,为了更好的让朋友们明白,今天特别整理了一份ASP+ajax的注册提示验证功能最完整的一套代码

主要有功能:点击查看效果演示

1、注册时验证数据库用户名是否存在。

2、输入密码时提示密码强度和验证2次密码输入是否一样。

3、注册时验证数据库联系邮箱是否存在。

4、注册时验证用户输入的验证码和系统产生的验证码是否一致。

5、对输入中文验证

6、QQ号码验证

7、身份证号码验证

&**bsp;

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Tra**sitio**al//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-tra**sitio**al.dtd">
<html xml**s="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Co**te**t-Type" co**te**t="text/html; charset=gb2312" />
<meta **ame="copyright" co**te**t="Copyright 2008-2009 bbmoo.com All Rights Reserved"/>
<title>http://www.51weidi.com—会员注册</title>
<script la**guage="javascript" src="regi**.js" type="text/javascript"></script>
<style type="text/css">
.tr,td{
&**bsp;&**bsp;&**bsp; li**e-height:25px;
&**bsp;fo**t-size:14px;
&**bsp;color: #333;
}
.msg{ color:#FF3300}
.msg2{ color: #006600}
.reg_title{
&**bsp;&**bsp;&**bsp; text-i**de**t:20px;
&**bsp;fo**t-weight:bold;
}
.STYLE1 {color: #FF3300; fo**t-weight:bold;}
</style>
<body>

<form actio**="reg.asp" method="post" **ame="form2">
<table width="100%" border="0" cellspaci**g="1" cellpaddi**g="1">
&**bsp; <tr>
&**bsp;&**bsp;&**bsp; <td colspa**="4" class="reg_title">用户注册,必填信息</td>
&**bsp;&**bsp;&**bsp; </tr>
&**bsp; <tr>
&**bsp;&**bsp;&**bsp; <td width="14%" alig**="right">用户名:</td>
&**bsp;&**bsp;&**bsp; <td width="12%"><i**put **ame="u_**ame" id="u_**ame" type="text" maxle**gth="10" o**blur="isName()" /></td>
&**bsp;&**bsp;&**bsp; <td width="2%"><spa** class="STYLE1" id="**ame_re">*</spa**></td>
&**bsp;&**bsp;&**bsp; <td width="72%" id="**ame_re_m">4~10个字符,一个中文2个字符</td>
&**bsp; </tr>
&**bsp; <tr>
&**bsp;&**bsp;&**bsp; <td alig**="right">性&**bsp;别:</td>
&**bsp;&**bsp;&**bsp; <td><i**put type="radio" **ame="u_sex" value="男" />男&**bsp;<i**put type="radio" **ame="u_sex" value="女" />女&**bsp;<i**put type="radio" **ame="u_sex" value="人妖" />人妖</td>
&**bsp;&**bsp;&**bsp; <td><spa** class="STYLE1" id="sex_re">*</spa**></td>
&**bsp;&**bsp;&**bsp; <td id="sex_re_m">**己看着选一个</td>
&**bsp; </tr>
&**bsp; <tr>
&**bsp;&**bsp;&**bsp; <td alig**="right">登陆密码:</td>
&**bsp;&**bsp;&**bsp; <td><i**put **ame="u_pass" id="u_pass" type="password" maxle**gth="12" o**blur="password()"&**bsp; o**keyup="showStro**gPic();"/></td>
&**bsp;&**bsp;&**bsp; <td><spa** class="STYLE1" id="pass_re">*</spa**></td>
&**bsp;&**bsp;&**bsp; <td><spa** id="lowPic" style="display:" ><img src="images/gread_l_x.gif" /></spa**>
<spa** id="midPic" style="display:**o**e"><img src="images/gread_m_x.gif" /></spa**>
<spa** id="highPic" style="display:**o**e"><img src="images/gread_h_x.gif" /></spa**></td>
&**bsp; </tr>
&**bsp; <tr>
&**bsp;&**bsp;&**bsp; <td alig**="right">确认密码:</td>
&**bsp;&**bsp;&**bsp; <td><i**put **ame="u_pass_re" id="u_pass_re" type="password" maxle**gth="12" o**blur="pass_re()" /></td>
&**bsp;&**bsp;&**bsp; <td><spa** class="STYLE1" id="pass_re_re">*</spa**></td>
&**bsp;&**bsp;&**bsp; <td id="pass_re_re_m">请您再输入一次密码</td>
&**bsp; </tr>
&**bsp; <tr>
&**bsp;&**bsp;&**bsp; <td alig**="right">安全问题:</td>
&**bsp;&**bsp;&**bsp; <td><select **ame="u_ask">
&**bsp;<optio** value="我的真实姓名">我的真实姓名</optio**>
&**bsp;<optio** value="我身份证最后6位数">我身份证最后6位数</optio**>
&**bsp;<optio** value="我**中班主任名字">我**中班主任名字</optio**>
&**bsp;<optio** value="我最喜欢的颜色">我最喜欢的颜色</optio**>
&**bsp;<optio** value="我家里的邮编号码">我家里的邮编号码</optio**>
&**bsp;&**bsp;&**bsp; </select>&**bsp;&**bsp;&**bsp; </td>
&**bsp;&**bsp;&**bsp; <td><spa** class="STYLE1">*</spa**></td>
&**bsp;&**bsp;&**bsp; <td>选一个熟悉的问题</td>
&**bsp; </tr>
&**bsp; <tr>
&**bsp;&**bsp;&**bsp; <td alig**="right">安全**:</td>
&**bsp;&**bsp;&**bsp; <td><i**put **ame="u_a**swer" id="u_a**swer" type="text" maxle**gth="20" o**blur="a**swer()" /></td>
&**bsp;&**bsp;&**bsp; <td><spa** class="STYLE1" id="a**swer_re">*</spa**></td>
&**bsp;&**bsp;&**bsp; <td id="a**swer_re_m">上面问题的**,找回密码时用</td>
&**bsp; </tr>
&**bsp;&**bsp;&**bsp; <tr>
&**bsp;&**bsp;&**bsp; <td alig**="right">电子邮箱:</td>
&**bsp;&**bsp;&**bsp; <td><i**put **ame="u_mail" id="u_mail" type="text" maxle**gth="20" o**blur="isEmail()" /></td>
&**bsp;&**bsp;&**bsp; <td><spa** class="STYLE1" id="mail_re">*</spa**></td>
&**bsp;&**bsp;&**bsp; <td id="mail_re_m">取回密码和修改密码时使用,请您正确填写。格式:123567@qq.com </td>
&**bsp; </tr>
&**bsp; <tr>
&**bsp;&**bsp;&**bsp; <td alig**="right">验证码:</td>
&**bsp;&**bsp;&**bsp; <td><i**put **ame="CheckCode" type=text id="CheckCode" size="4" maxle**gth="4" o**blur="isCheckCode()"><img src="Code.asp" o**click="this.src = this.src+'?'+Math.ra**dom();"&**bsp;&**bsp; alt="点击刷新验证码" style="cursor:poi**ter"/>
</td>
&**bsp;&**bsp;&**bsp; <td><spa** class="STYLE1" id="CheckCode_re">*</spa**></td>
&**bsp;&**bsp;&**bsp; <td id="CheckCode_re_m">请输入正确的验证码</td>
&**bsp; </tr>
&**bsp; <tr>
&**bsp;&**bsp;&**bsp; <td colspa**="4" class="reg_title">其他信息,可不填,建议你填完整</td>
&**bsp;&**bsp;&**bsp; </tr>
&**bsp; <tr>
&**bsp;&**bsp;&**bsp; <td alig**="right">真实姓名:</td>
&**bsp;&**bsp;&**bsp; <td><i**put **ame="u_**ame_zs" id="u_**ame_zs" type="text" maxle**gth="4" o**blur="**ame_zs()" /></td>
&**bsp;&**bsp;&**bsp; <td><spa** class="STYLE1" id="**ame_zs_re"></spa**></td>
&**bsp;&**bsp;&**bsp; <td id="**ame_zs_re_m">兑换积分时用,请正确填写</td>
&**bsp; </tr>
&**bsp; <tr>
&**bsp;&**bsp;&**bsp; <td alig**="right"><p>联系 Q Q:</p>&**bsp;&**bsp;&**bsp;&**bsp;&**bsp; </td>
&**bsp;&**bsp;&**bsp; <td><i**put **ame="u_qq" id="u_qq" type="text" maxle**gth="11" o**keyup="value=value.replace(/[^\d]/g,'') "o**beforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))" o**blur="qq()" /></td>
&**bsp;&**bsp;&**bsp; <td><spa** class="STYLE1" id="qq_re"></spa**></td>
&**bsp;&**bsp;&**bsp; <td id="qq_re_m">为了方便联系,请正确填写</td>
&**bsp; </tr>
&**bsp; <tr>
&**bsp;&**bsp;&**bsp; <td alig**="right">支付宝号:</td>
&**bsp;&**bsp;&**bsp; <td><i**put **ame="u_alipay" id="u_alipay" type="text" maxle**gth="20" o**blur="alipay()" /></td>
&**bsp;&**bsp;&**bsp; <td><spa** class="STYLE1" id="alipay_re"></spa**></td>
&**bsp;&**bsp;&**bsp; <td id="alipay_re_m">兑换积分时用,请正确填写,并保证此号码绑定的姓名和上面的一致</td>
&**bsp; </tr>
&**bsp; <tr>
&**bsp;&**bsp;&**bsp; <td alig**="right">身份证号码:</td>
&**bsp;&**bsp;&**bsp; <td><i**put **ame="u_**u**ber" id="u_**u**ber" type="text" maxle**gth="18" o**keyup="**u**ber()" /></td>
&**bsp;&**bsp;&**bsp; <td><spa** class="STYLE1" id="**u**ber_re"></spa**></td>
&**bsp;&**bsp;&**bsp; <td id="**u**ber_re_m">特殊情况需要用到,建议填写</td>
&**bsp; </tr>
&**bsp; <tr>
&**bsp;&**bsp;&**bsp; <td alig**="right">&**bsp;</td>
&**bsp;&**bsp;&**bsp; <td alig**="ce**ter"><i**put type="butto**" o**click="tijiao()" **ame="Submit" value="确认注册" /></td>
&**bsp;&**bsp;&**bsp; <td>&**bsp;</td>
&**bsp;&**bsp;&**bsp; <td>&**bsp;</td>
&**bsp; </tr>
</table>
</form>
</body></html>

regi**.js代码如下

//创建ajax对象
var **ame_re = false;
&**bsp;&**bsp; fu**ctio** **ame_xml()
&**bsp;&**bsp; {
&**bsp;&**bsp; try {
&**bsp;&**bsp;&**bsp;&**bsp; **ame_re = **ew XMLHttpRequest();
&**bsp;&**bsp; } catch (trymicrosoft) {
&**bsp;&**bsp;&**bsp;&**bsp; try {
&**bsp;&**bsp;&**bsp;&**bsp;&**bsp;&**bsp; **ame_re = **ew ActiveXObject("Msxml2.XMLHTTP");
&**bsp;&**bsp;&**bsp;&**bsp; } catch (othermicrosoft) {
&**bsp;&**bsp;&**bsp;&**bsp;&**bsp;&**bsp; try {
&**bsp;&**bsp;&**bsp;&**bsp;&**bsp;&**bsp;&**bsp;&**bsp; **ame_re = **ew ActiveXObject("Microsoft.XMLHTTP");
&**bsp;&**bsp;&**bsp;&**bsp;&**bsp;&**bsp; } catch (failed) {
&**bsp;&**bsp;&**bsp;&**bsp;&**bsp;&**bsp;&**bsp;&**bsp; **ame_re = false;
&**bsp;&**bsp;&**bsp;&**bsp;&**bsp;&**bsp; }&**bsp;&**bsp;
&**bsp;&**bsp;&**bsp;&**bsp; }
&**bsp;&**bsp; }
&**bsp;&**bsp; if (!**ame_re)
&**bsp;&**bsp;&**bsp;&**bsp; alert("Error i**itializi**g XMLHttpRequest!");
}

var **ame_use;
var mail_use;

//ajax密码强度验证
fu**ctio** allNumber(v)
&**bsp;{
&**bsp;&**bsp;var reg = /^[0-9]*$/;
&**bsp;&**bsp;if(reg.test(v))
&**bsp;&**bsp;{&**bsp;
&**bsp;&**bsp;&**bsp;retur** true;
&**bsp;&**bsp;}
&**bsp;&**bsp;retur** false;
&**bsp;}
&**bsp;
&**bsp;fu**ctio** CharMode(iN){
&**bsp;&**bsp;if(iN>=48 && iN<=57)//数字
&**bsp;&**bsp;&**bsp;retur** 1;
&**bsp;&**bsp;if(iN>=65 && iN<=90)//大写字母
&**bsp;&**bsp;&**bsp;retur** 2;
&**bsp;&**bsp;if(iN>=97 && iN<=122)//小写
&**bsp;&**bsp;&**bsp;retur** 4;
&**bsp;&**bsp;else
&**bsp;&**bsp;&**bsp;retur** 8;//特殊字符
&**bsp;}

&**bsp;//计算出当前密码当中一共有多少种模式
&**bsp;fu**ctio** bitTotal(**um){
&**bsp;&**bsp;var modes=0;
&**bsp;&**bsp;for(i=0;i<4;i++){
&**bsp;&**bsp;&**bsp;if(**um&1)
&**bsp;&**bsp;&**bsp;&**bsp;modes++;
&**bsp;&**bsp;&**bsp;**um >>=1;
&**bsp;&**bsp;}
&**bsp;&**bsp;retur**&**bsp;modes;
&**bsp;}
&**bsp;&**bsp;
&**bsp;//返回密码的强度级别
&**bsp;fu**ctio** checkStro**g(sPW){
&**bsp;&**bsp;if(sPW.le**gth<6)
&**bsp;&**bsp;&**bsp;retur** 0;//密码太短
&**bsp;&**bsp;var Modes=0;
&**bsp;&**bsp;for(i=0;i<sPW.le**gth;i++){
&**bsp;&**bsp;//测试每一个字符的类别并统计一共有多少种模式.
&**bsp;&**bsp;Modes|=CharMode(sPW.charCodeAt(i));
&**bsp;&**bsp;}
&**bsp;//&**bsp;alert(bitTotal(Modes));
&**bsp;&**bsp;retur** bitTotal(Modes);
&**bsp;}


&**bsp;fu**ctio** showStro**gPic()
&**bsp;{
&**bsp;&**bsp;var v = docume**t.getEleme**tById('u_pass').value;
&**bsp;&**bsp;var m = checkStro**g(v);
&**bsp;&**bsp;if(m < 2)
&**bsp;&**bsp;{
&**bsp;&**bsp;&**bsp;docume**t.getEleme**tById('lowPic').style.display="";
&**bsp;&**bsp;&**bsp;docume**t.getEleme**tById('midPic').style.display="**o**e";
&**bsp;&**bsp;&**bsp;docume**t.getEleme**tById('highPic').style.display="**o**e";
&**bsp;&**bsp;}
&**bsp;&**bsp;else if(m==2)
&**bsp;&**bsp;{
&**bsp;&**bsp;&**bsp;docume**t.getEleme**tById('lowPic').style.display="**o**e";
&**bsp;&**bsp;&**bsp;docume**t.getEleme**tById('midPic').style.display="";
&**bsp;&**bsp;&**bsp;docume**t.getEleme**tById('highPic').style.display="**o**e";
&**bsp;&**bsp;}
&**bsp;&**bsp;else
&**bsp;&**bsp;{
&**bsp;&**bsp;&**bsp;docume**t.getEleme**tById('lowPic').style.display="**o**e";
&**bsp;&**bsp;&**bsp;docume**t.getEleme**tById('midPic').style.display="**o**e";
&**bsp;&**bsp;&**bsp;docume**t.getEleme**tById('highPic').style.display="";
&**bsp;&**bsp;}
&**bsp;}
&**bsp;


//ajax验证码验证
fu**ctio** isCheckCode(){
var CheckCode = docume**t.getEleme**tById('CheckCode').value;
if (CheckCode==""){
docume**t.getEleme**tById('CheckCode_re').i****erHTML='<img src=check_error.gif>';
docume**t.getEleme**tById('CheckCode_re_m').i****erHTML='<spa** class=msg>验证码不能为空!</spa**>';
retur** false;
}else{
Code_ajax(CheckCode)
}
}

fu**ctio** Code_ajax(CheckCode){
var Code=CheckCode;
var url="code_ajax.asp?Code="+ escape(Code);
&**bsp;&**bsp;&**bsp;&**bsp; **ame_xml();
&**bsp;&**bsp;&**bsp;&**bsp; **ame_re.ope**("GET", url, true);
&**bsp;&**bsp;&**bsp;&**bsp; **ame_re.setRequestHeader("co**te**t-type","text/xml");
&**bsp;&**bsp;&**bsp;&**bsp; **ame_re.o**readystate**ge = Code_requst;
**ame_re.setRequestHeader("If-Modified-Si**ce","0");
&**bsp;&**bsp;&**bsp;&**bsp; **ame_re.se**d(**ull);
}

fu**ctio** Code_requst(){
if(**ame_re.readyState==4 && **ame_re.status==200)//返回完成
{
var msg=**ame_re.respo**seText;
if (msg=="yes"){
docume**t.getEleme**tById('CheckCode_re').i****erHTML='<img src=check_error.gif>';
docume**t.getEleme**tById('CheckCode_re_m').i****erHTML='<spa** class=msg>验证码错误!</spa**>';
Code_msg(0);
retur** false;
}
else{
docume**t.getEleme**tById('CheckCode_re').i****erHTML='<img src=check_right.gif>';
docume**t.getEleme**tById('CheckCode_re_m').i****erHTML='<spa** class=msg2>输入正确!</spa**>';
Code_msg(1);
retur** true;
}
}
}
fu**ctio** Code_msg(**){
var **=**;
if(**==0){
Code_use=true;
}
else{
Code_use=false;
}
}

//ajax用户名验证
fu**ctio** isName(){
var u_**ame = docume**t.getEleme**tById('u_**ame').value;
if (u_**ame==""){
docume**t.getEleme**tById('**ame_re').i****erHTML='<img src=check_error.gif>';
docume**t.getEleme**tById('**ame_re_m').i****erHTML='<spa** class=msg>用户名不能为空,4-10个字符</spa**>';
retur** false;
}else{
user_ajax(u_**ame)
}
}

fu**ctio** user_ajax(u_**ame){
var **ame=u_**ame;
var url="ajax.asp?actio**=**ames&**ame="+ escape(**ame);
&**bsp;&**bsp;&**bsp;&**bsp; **ame_xml();
&**bsp;&**bsp;&**bsp;&**bsp; **ame_re.ope**("GET", url, true);
&**bsp;&**bsp;&**bsp;&**bsp; **ame_re.setRequestHeader("co**te**t-type","text/xml");
&**bsp;&**bsp;&**bsp;&**bsp; **ame_re.o**readystate**ge = **ame_requst;
**ame_re.setRequestHeader("If-Modified-Si**ce","0");
&**bsp;&**bsp;&**bsp;&**bsp; **ame_re.se**d(**ull);
}

fu**ctio** **ame_requst(){
if(**ame_re.readyState==4 && **ame_re.status==200)//返回完成
{
var msg=**ame_re.respo**seText;
if (msg=="yes"){
docume**t.getEleme**tById('**ame_re').i****erHTML='<img src=check_error.gif>';
docume**t.getEleme**tById('**ame_re_m').i****erHTML='<spa** class=msg>该用户名已经存在!</spa**>';
**ame_msg(0);
retur** false;
}
else{
docume**t.getEleme**tById('**ame_re').i****erHTML='<img src=check_right.gif>';
docume**t.getEleme**tById('**ame_re_m').i****erHTML='<spa** class=msg2>可以注册!</spa**>';
**ame_msg(1);
retur** true;
}
}
}
fu**ctio** **ame_msg(**){
var **=**;
if(**==0){
**ame_use=true;
}
else{
**ame_use=false;
}
}


//性别是否选择检测
fu**ctio** sex(){
if(docume**t.form2.u_sex[0].checked==false && docume**t.form2.u_sex[1].checked==false && docume**t.form2.u_sex[2].checked==false) {
docume**t.getEleme**tById('sex_re').i****erHTML='<img src=check_error.gif>';
docume**t.getEleme**tById('sex_re_m').i****erHTML='<spa** class=msg>没有选择性别</spa**>';
retur** false;
}
else{
docume**t.getEleme**tById('sex_re').i****erHTML='<img src=check_right.gif>';
docume**t.getEleme**tById('sex_re_m').i****erHTML='<spa** class=msg2>已选择</spa**>';
retur** true;
}
}

//密码是否为空检测
fu**ctio** password(){
var u_pass = docume**t.getEleme**tById('u_pass').value;
if(u_pass=="" || u_pass.le**gth<6){
docume**t.getEleme**tById('pass_re').i****erHTML='<img src=check_error.gif>';
retur** false;
}
else{
docume**t.getEleme**tById('pass_re').i****erHTML='<img src=check_right.gif>';
retur** true;
}
}

//确认密码检测
fu**ctio** pass_re(){
var u_pass=docume**t.getEleme**tById('u_pass').value;
var pass_re=docume**t.getEleme**tById('u_pass_re').value;
if(u_pass != pass_re){
docume**t.getEleme**tById('pass_re_re').i****erHTML='<img src=check_error.gif>';
docume**t.getEleme**tById('pass_re_re_m').i****erHTML='<spa** class=msg>两次密码不一致,请重新输入</spa**>';
retur** false;
}
else{
docume**t.getEleme**tById('pass_re_re').i****erHTML='<img src=check_right.gif>';
docume**t.getEleme**tById('pass_re_re_m').i****erHTML='<spa** class=msg2>填写正确</spa**>';
retur** true;
}
}

//密码保护问题检测
fu**ctio** a**swer(){
var u_a**swer=docume**t.getEleme**tById('u_a**swer').value;
if(u_a**swer==""){
docume**t.getEleme**tById('a**swer_re').i****erHTML='<img src=check_error.gif>';
docume**t.getEleme**tById('a**swer_re_m').i****erHTML='<spa** class=msg>请填写问题**</spa**>';
retur** false;
}
else{
docume**t.getEleme**tById('a**swer_re').i****erHTML='<img src=check_right.gif>';
docume**t.getEleme**tById('a**swer_re_m').i****erHTML='<spa** class=msg2>填写正确</spa**>';
retur** true;
}
}

//邮箱格式验证
fu**ctio** isEmail() {
var u_mail=docume**t.getEleme**tById('u_mail').value;
if (u_mail.search(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/) != -1){
email_ajax(u_mail);
}
else{
docume**t.getEleme**tById('mail_re').i****erHTML='<img src=check_error.gif>';
docume**t.getEleme**tById('mail_re_m').i****erHTML='<spa** class=msg>请输入正确的邮箱地址,格式为:123456@qq.com</spa**>';
retur** false;
}
}

fu**ctio** email_ajax(u_mail){
var email=u_mail;
var url="ajax.asp?actio**=email&mail="+ escape(email);
&**bsp;&**bsp;&**bsp;&**bsp; **ame_xml();
&**bsp;&**bsp;&**bsp;&**bsp; **ame_re.ope**("GET", url, true);
&**bsp;&**bsp;&**bsp;&**bsp; **ame_re.setRequestHeader("co**te**t-type","text/xml");
&**bsp;&**bsp;&**bsp;&**bsp; **ame_re.o**readystate**ge = mail_requst;
**ame_re.setRequestHeader("If-Modified-Si**ce","0");
&**bsp;&**bsp;&**bsp;&**bsp; **ame_re.se**d(**ull);
}

fu**ctio** mail_requst(){
if(**ame_re.readyState==4 && **ame_re.status==200)//返回完成
{
var msg=**ame_re.respo**seText;
if (msg=="yes"){
docume**t.getEleme**tById('mail_re').i****erHTML='<img src=check_error.gif>';
docume**t.getEleme**tById('mail_re_m').i****erHTML='<spa** class=msg>该邮箱已被使用,请换一个</spa**>';
mail_msg(0);
retur** false;
}
else{
docume**t.getEleme**tById('mail_re').i****erHTML='<img src=check_right.gif>';
docume**t.getEleme**tById('mail_re_m').i****erHTML='<spa** class=msg2>可以使用</spa**>';
mail_msg(1);
retur** true;
}
}
}
fu**ctio** mail_msg(**){
var **=**;
if(**==0){
mail_use=true;
}
else{
mail_use=false;
}
}

//真实姓名检测
fu**ctio** **ame_zs(){
var **ame_zs=docume**t.getEleme**tById('u_**ame_zs').value;
if (**ame_zs != **ame_zs.replace(/[^\u4E00-\u9FA5]/g,'')|| **ame_zs=="" || **ame_zs.le**gth<2){
docume**t.getEleme**tById('**ame_zs_re').i****erHTML='<img src=check_error.gif>';
docume**t.getEleme**tById('**ame_zs_re_m').i****erHTML='<spa** class="msg">请输入真实的中文名字</spa**>';
retur** false;
}
else{
docume**t.getEleme**tById('**ame_zs_re').i****erHTML='<img src=check_right.gif>';
docume**t.getEleme**tById('**ame_zs_re_m').i****erHTML='<spa** class="msg2">填写正确</spa**>';
retur** true;
}
}

//QQ号码检测
fu**ctio** qq(){
var qq=docume**t.getEleme**tById('u_qq').value;
if(qq=="" || qq.le**gth<5){
docume**t.getEleme**tById('qq_re').i****erHTML='<img src=check_error.gif>';
docume**t.getEleme**tById('qq_re_m').i****erHTML='<spa** class="msg">正确的QQ是5-10位哦</spa**>';
retur** false;
}
else{
docume**t.getEleme**tById('qq_re').i****erHTML='<img src=check_right.gif>';
docume**t.getEleme**tById('qq_re_m').i****erHTML='<spa** class="msg2">填写正确</spa**>';
retur** true;
}
}

//检测支付宝帐号
fu**ctio** alipay(){
var alipay=docume**t.getEleme**tById('u_alipay').value;
if (alipay.search(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/) != -1){
docume**t.getEleme**tById('alipay_re').i****erHTML='<img src=check_right.gif>';
docume**t.getEleme**tById('alipay_re_m').i****erHTML='<spa** class=msg2>填写正确</spa**>';
retur** true;
}
else{
docume**t.getEleme**tById('alipay_re').i****erHTML='<img src=check_error.gif>';
docume**t.getEleme**tById('alipay_re_m').i****erHTML='<spa** class=msg>错误的支付宝帐号</spa**>';
retur** false;
}
}

//身份证号码检测
fu**ctio** **u**ber(){
var idcard=docume**t.getEleme**tById('u_**u**ber').value;
var Errors=**ew Array("验证通过!","身份证号码位数不对!","出生日期超出范围或含有非法字符!","身份证号码校验错误!","身份证地区非法!");
var area={11:"**",12:"天津",13:"河北",14:"山西",15:"内蒙古",21:"辽宁",22:"吉林",23:"黑龙**",31:"**",32:"**苏",33:"浙**",34:"安徽",35:"福建",36:"**西",37:"山东",41:"河南",42:"湖北",43:"湖南",44:"广东",45:"广西",46:"海南",50:"重庆",51:"四川",52:"贵州",53:"云南",54:"西藏",61:"陕西",62:"甘肃",63:"青海",64:"宁夏",65:"新疆",71:"**",81:"**",82:"澳**",91:"国外"}

var idcard,Y,JYM;
var S,M;
var idcard_array = **ew Array();
idcard_array = idcard.split("");
if(area[parseI**t(idcard.substr(0,2))]==**ull)
{
docume**t.getEleme**tById('**u**ber_re').i****erHTML='<img src=check_error.gif>';
&**bsp;&**bsp;&**bsp;&**bsp; docume**t.getEleme**tById('**u**ber_re_m').i****erHTML="<spa** class=msg>"+Errors[4]+"</spa**>";
retur** false;
}

switch(idcard.le**gth){
&**bsp;&**bsp; case 15:
&**bsp;&**bsp; if ( (parseI**t(idcard.substr(6,2))+1900) % 4 == 0 || ((parseI**t(idcard.substr(6,2))+1900) % 100 == 0 && (parseI**t(idcard.substr(6,2))+1900) % 4 == 0 )){
&**bsp;&**bsp;&**bsp; ereg=/^[1-9][0-9]{5}[0-9]{2}((01|03|05|07|08|10|12)(0[1-9]|[1-2][0-9]|3[0-1])|(04|06|09|11)(0[1-9]|[1-2][0-9]|30)|02(0[1-9]|[1-2][0-9]))[0-9]{3}$/;
&**bsp;&**bsp; } else {
&**bsp;&**bsp;&**bsp; ereg=/^[1-9][0-9]{5}[0-9]{2}((01|03|05|07|08|10|12)(0[1-9]|[1-2][0-9]|3[0-1])|(04|06|09|11)(0[1-9]|[1-2][0-9]|30)|02(0[1-9]|1[0-9]|2[0-8]))[0-9]{3}$/;
&**bsp;&**bsp; }
&**bsp;&**bsp; if(ereg.test(idcard)){
docume**t.getEleme**tById('**u**ber_re').i****erHTML='<img src=check_right.gif>';
&**bsp;&**bsp;&**bsp;&**bsp; docume**t.getEleme**tById('**u**ber_re_m').i****erHTML="<spa** class=msg2>"+Errors[0]+"</spa**>";
retur** true;
&**bsp;&**bsp;&**bsp; }
&**bsp;&**bsp; else {
docume**t.getEleme**tById('**u**ber_re').i****erHTML='<img src=check_error.gif>';
&**bsp;&**bsp;&**bsp;&**bsp; docume**t.getEleme**tById('**u**ber_re_m').i****erHTML="<spa** class=msg>"+Errors[2]+"</spa**>";
retur** false;
&**bsp;&**bsp;&**bsp;&**bsp; }
&**bsp;&**bsp; break;
&**bsp;&**bsp; case 18:
&**bsp;&**bsp; //18位身份号码检测
&**bsp;&**bsp; if ( parseI**t(idcard.substr(6,4)) % 4 == 0 || (parseI**t(idcard.substr(6,4)) % 100 == 0 && parseI**t(idcard.substr(6,4))%4 == 0 )){
&**bsp;&**bsp; ereg=/^[1-9][0-9]{5}19[0-9]{2}((01|03|05|07|08|10|12)(0[1-9]|[1-2][0-9]|3[0-1])|(04|06|09|11)(0[1-9]|[1-2][0-9]|30)|02(0[1-9]|[1-2][0-9]))[0-9]{3}[0-9Xx]$/;
&**bsp;&**bsp; } else {
&**bsp;&**bsp; ereg=/^[1-9][0-9]{5}19[0-9]{2}((01|03|05|07|08|10|12)(0[1-9]|[1-2][0-9]|3[0-1])|(04|06|09|11)(0[1-9]|[1-2][0-9]|30)|02(0[1-9]|1[0-9]|2[0-8]))[0-9]{3}[0-9Xx]$/;
&**bsp;&**bsp; }
&**bsp;&**bsp; if(ereg.test(idcard)){
&**bsp;&**bsp;&**bsp; S = (parseI**t(idcard_array[0]) + parseI**t(idcard_array[10])) * 7
&**bsp;&**bsp;&**bsp; + (parseI**t(idcard_array[1]) + parseI**t(idcard_array[11])) * 9
&**bsp;&**bsp;&**bsp; + (parseI**t(idcard_array[2]) + parseI**t(idcard_array[12])) * 10
&**bsp;&**bsp;&**bsp; + (parseI**t(idcard_array[3]) + parseI**t(idcard_array[13])) * 5
&**bsp;&**bsp;&**bsp; + (parseI**t(idcard_array[4]) + parseI**t(idcard_array[14])) * 8
&**bsp;&**bsp;&**bsp; + (parseI**t(idcard_array[5]) + parseI**t(idcard_array[15])) * 4
&**bsp;&**bsp;&**bsp; + (parseI**t(idcard_array[6]) + parseI**t(idcard_array[16])) * 2
&**bsp;&**bsp;&**bsp; + parseI**t(idcard_array[7]) * 1
&**bsp;&**bsp;&**bsp; + parseI**t(idcard_array[8]) * 6
&**bsp;&**bsp;&**bsp; + parseI**t(idcard_array[9]) * 3 ;
&**bsp;&**bsp;&**bsp; Y = S % 11;
&**bsp;&**bsp;&**bsp; M = "F";
&**bsp;&**bsp;&**bsp; JYM = "10X98765432";
&**bsp;&**bsp;&**bsp; M = JYM.substr(Y,1);
&**bsp;&**bsp;&**bsp; if(M == idcard_array[17]){
docume**t.getEleme**tById('**u**ber_re').i****erHTML='<img src=check_right.gif>';
&**bsp;&**bsp;&**bsp;&**bsp; docume**t.getEleme**tById('**u**ber_re_m').i****erHTML="<spa** class=msg2>"+Errors[0]+"</spa**>";
&**bsp;&**bsp;&**bsp;&**bsp; retur** true;
&**bsp;&**bsp;&**bsp; }
&**bsp;&**bsp;&**bsp; else {
docume**t.getEleme**tById('**u**ber_re').i****erHTML='<img src=check_error.gif>';
&**bsp;&**bsp;&**bsp;&**bsp; docume**t.getEleme**tById('**u**ber_re_m').i****erHTML="<spa** class=msg>"+Errors[3]+"</spa**>";
&**bsp;&**bsp;&**bsp;&**bsp; retur** false;
&**bsp;&**bsp;&**bsp; }
&**bsp;&**bsp; }
&**bsp;&**bsp; else {
docume**t.getEleme**tById('**u**ber_re').i****erHTML='<img src=check_error.gif>';
&**bsp;&**bsp;&**bsp; docume**t.getEleme**tById('**u**ber_re_m').i****erHTML="<spa** class=msg>"+Errors[2]+"</spa**>";
&**bsp;&**bsp;&**bsp; retur** false;
&**bsp;&**bsp; }
&**bsp;&**bsp; break;
&**bsp;&**bsp; default:
docume**t.getEleme**tById('**u**ber_re').i****erHTML='<img src=check_error.gif>';
&**bsp;&**bsp;&**bsp; docume**t.getEleme**tById('**u**ber_re_m').i****erHTML="<spa** class=msg>"+Errors[1]+"</spa**>";
&**bsp;&**bsp;&**bsp; retur** false;
}
}

//全表单提交验证
fu**ctio** tijiao(){
if (isName()==false){
&**bsp;&**bsp;&**bsp; alert("名字不能为空");
&**bsp;&**bsp;&**bsp; retur** false;
}
if (**ame_use==true){
&**bsp;&**bsp;&**bsp; alert("名字已存在,重新输入");
retur** false;
}

if (sex()==false){
alert("请选择你的性别");
retur** false;
}
if (password()==false){
alert("密码必须填写");
retur** false;
}
if (pass_re()==false){
&**bsp;&**bsp;&**bsp; alert("确认密码错误");
retur** false;
}
if (a**swer()==false){
alert("安全问题**必须填写");
retur** false;
}
if (isEmail()==false){
alert("邮箱地址为空或者错误");
retur** false;
}
if (mail_use==true){
alert("邮箱已经存在,重新输入一个");
retur** false;
}
if(docume**t.getEleme**tById('u_**ame_zs').value !=""){
&**bsp;&**bsp; if(**ame_zs()==false){
&**bsp;&**bsp;&**bsp; alert("真实姓名填写错误");
&**bsp;&**bsp;&**bsp; retur** false;
&**bsp;&**bsp;&**bsp; }
}
if(docume**t.getEleme**tById('u_qq').value !=""){
if(qq()==false){
&**bsp;&**bsp; alert("qq号码填写错误");
&**bsp;&**bsp; retur** false;
&**bsp;&**bsp; }
}
if (docume**t.getEleme**tById('u_alipay').value !=""){
if(alipay()==false){
alert("支付宝帐号填写错误");
retur** false;
}
}
if (docume**t.getEleme**tById('u_**u**ber').value !=""){
if(**u**ber()==false){
alert("身份证号码填写错误");
retur** false;
}
}
docume**t.form2.submit();
retur** true;
}

整体效果如下:

如果需要完整代码可QQ邮件索要。

&**bsp;

本文标签:史上最强大的ASP+ajax注册即时提示程序把本文收藏到 网摘 博采 百度
上一篇:一组优秀博客评论界面设计          回网页设计列表         下一篇:网页设计规划应遵循的建站基础原则
搜索本站其他内容: 百度一下:[史上最强大的ASP+ajax注册即时提示程序]   Google搜索:[史上最强大的ASP+ajax注册即时提示程序]
最新网友评论文章↓
1.靠2009-11-19 20:42:45
2.去2009-11-19 20:39:41
3.脑残还是变相炫富?2009-11-16 20:17:58
4.好感动哦2009-11-7 15:40:32
5.怎么学习2009-10-20 10:54:50

文章添加时间:2010-1-23,文件大小:20.44 KB,最近更新时间:2011-12-16 18:14:36 返回TOP↑            

本站文章搜集自网络;共享网络,共享快乐,我为人人,人人为我;如果您知道本站未知来源文章请告知本站谢谢!
文中及留言观点不代表本站;本站转载内容只是为了更好的交流;
若侵犯了您的版权请联系E-mail:有事儿,您Q我!,本站核实后立即处理!

  •             平面设计| 标志设计| 包装设计| 网页设计| 广告设计| VI设计| 画册设计| 专卖店设计| 展位设计| 名片设计| 网站地图|    建议使用IE5及以上1024*768分辨率
  •             友情链接 版权所有 © 杭州威迪广告公司 2008-2010 | TEL:0571-88385993 13296756810 浙ICP备09011107号