[教程+分享]具有良好体验度的Web注册系统

else{
$("span").innerHTML="<img src=''/uploadfile/201306/16/81202118688.gif''/> 两次密码不相同";
flag=0;
check_data();
}
}
}
//---------用户名合法性检测
function check_id(id_name){//只能字母和数字,是否相同用AJAX判断
var reId=/^[\w\u0391-\uFFE5]+$/;
var b_id=reId.test(id_name);
if(!b_id){
$("span")[0].innerHTML="<img src=''/uploadfile/201306/16/81202118688.gif''/> ID命名非法";
flag=0;
check_data();
}
else{//合法用户名用ajax的checkid()检测是否被注册过
checkid(id_name);
}
}
//---------检查数据,使提交按钮是否生效
function check_data(){
if(flag[0]==1 && flag==1 && flag==1 && flag==1 && flag==1 && flag==1){
$("input").disabled=false;
}
else{
$("input").disabled=true;
}
}

//--------------------------------------------------------------------

3.关于ajax数据交互ajax.js
复制代码 代码如下:
function checkcode(regcode){
var xmlhttp;
try{
xmlhttp=new XMLHttpRequest();
}
catch(e){
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function(){
if (xmlhttp.readyState==4){
if (xmlhttp.status==200){
var data=xmlhttp.responseText;
code_result(data);
}
else{
$("span").innerHTML="验证码校验失败,请联系管理员";
}
}
else{
$("span").innerHTML="正在进行验证码校验...";
}
}
xmlhttp.open("post", "check_code.asp", true);
xmlhttp.setRequestHeader(''Content-type'',''application/x-www-form-urlencoded'');
xmlhttp.send("regcode="+escape(regcode));
}
function code_result(data){
var resultbox=$("span");
if(data==1){
resultbox.innerHTML=''<img src="/uploadfile/201306/16/B4202119504.gif"/> 验证码正确'';
flag=1;
check_data();
}
else{
resultbox.innerHTML=''<img src="/uploadfile/201306/16/81202118688.gif"/> 验证码错误'';
flag=0;
check_data();
}
}

//--------------------------------------------------------------------
function checkid(regid){
var xmlhttp;
try{
xmlhttp=new XMLHttpRequest();
}
catch(e){
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function(){
if (xmlhttp.readyState==4){
if (xmlhttp.status==200){
var data=xmlhttp.responseText;
id_result(data);
}
else{
$("span")[0].innerHTML="用户名检测失败,请联系管理员";
}
}
else{
$("span")[0].innerHTML="正在进行用户名校验...";
}
}
xmlhttp.open("post", "check_id.asp", true);
xmlhttp.setRequestHeader(''Content-type'',''application/x-www-form-urlencoded'');
xmlhttp.send("regid="+escape(regid));
}
function id_result(data){
var resultbox=$("span")[0];
if(data==1){
resultbox.innerHTML=''<img src="/uploadfile/201306/16/B4202119504.gif"/> 用户名可用'';
flag=1;
check_data();
}
else{
resultbox.innerHTML=''<img src="/uploadfile/201306/16/81202118688.gif"/> 该用户名已经被注册'';
flag=0;
check_data();
}
}
//--------------------------------------------------------------------
function sendinfo(regname,pwd,email){
var xmlhttp;
try{
xmlhttp=new XMLHttpRe