Ajax在用户注册上的简单应用

现在的位置: 首页 > 综合 > 正文

Ajax在用户注册上的简单应用

2013年08月25日 ⁄ 综合 ⁄ 共 11451字 ⁄ 字号小中大 ⁄ 评论关闭

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>Ajax在用户注册上的简单应用</title>
<script language=javascript>

var username_help='用户名长度为20位以内，只能由中文、英文字母、数字、中横杠（"-"）、下横杠（"_"）组成。';
var username_error='用户名超过了20个字符！';
var username_error_1='您的用户名输入格式不正确!';
var username_exist='您填写的用户名已经存在!';
var username_null='用户名不能为空!';
var password_help='密码6-20位英文字母、数字组成。为了您的帐户安全，建议您使用字母大小与数字混合设置密码。';
var password_too_simple='您设置的密码过于简单！';
var password_too_length='您设置的密码长度超过了20个字符！';
var password_null='密码不能为空。';
var repassword_help='请再输入一次登陆密码！';
var repassword_unsame='输入的登陆密码不一致，请重新输入！';
var repassword_null='验证密码不能为空！';
var email_help='请认真填写,便于企业或我们与您联系。';
var email_error='您的邮箱填写不正确！';
var email_exist='您使用的邮箱已经注册过，请登陆或者输入其他邮箱地址！';
var email_null='邮箱不能为空！';
var word_help='word_help';
var word_error='word_error';
var oTR;
var oTD;

//该函数可以创建我们需要的XMLHttpRequest对象
function getHTTPObject(){
var xmlhttp = false;
if(window.XMLHttpRequest){
xmlhttp = new XMLHttpRequest();
if(xmlhttp.overrideMimeType){
xmlhttp.overrideMimeType('text/xml');
}
}else{
try{
xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
}catch(e){
try{
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}catch(E){ xmlhttp = false; }
}
}
return xmlhttp;
}

var http = getHTTPObject();

function getAbsLeft(e){
var l=e.offsetLeft;
while(e=e.offsetParent) l += e.offsetLeft;
return l;
}
function getAbsTop(e) {
var t=e.offsetTop;
while(e=e.offsetParent) t += e.offsetTop;
t=t+18;
return t;
}

//-------------------------------------------------------
function onFouces(str){
document.getElementById(str).className='word_help';
if(str=='unamespan'){
document.getElementById(str).innerHTML=username_help;
}else if(str=='upw'){
document.getElementById(str).innerHTML=password_help;
}else if(str=='uhrtype'){
document.getElementById(str).innerHTML=hrtype_help;
}else if(str=='urpw'){
document.getElementById(str).innerHTML=repassword_help;
}else if(str=='uemail'){
document.getElementById(str).innerHTML=email_help;
}
}

//用户名处理结果
function handleHttpResponseForUserName_1(){
if(http.readyState == 4){
if (http.status == 200) {
returnStr=Trim(http.responseText);
if(returnStr=="您填写的用户名已经存在"){
var obj_1=document.getElementById("unamespan");
obj_1.innerHTML=username_exist;
document.getElementById("username").keytype=1;
obj_1.className=word_error;
return false;
}
}
}
}

//检查用户名密码
function checkpw_1(obj_str,num,obj_str1){
var obj=document.getElementById(obj_str);
var obj_help=document.getElementById(obj_str1);
obj.keytype=0;
if(obj.value.length==0){
obj.keytype=1;
obj_help.innerHTML=password_null;
obj_help.className=word_error;
return false;
}
if(obj.value.length<num){
obj.keytype=1;
obj_help.innerHTML=password_too_simple;
obj_help.className=word_error;
return false;
}
if(obj.value.length>20){
obj.keytype=1;
obj_help.innerHTML=password_too_length;
obj_help.className=word_error;
return false;
}
backState('pw');
}

//检查用户名确认密码
function checkSame_1(obj_str,obj_str1,obj_targ){
var obj=document.getElementById(obj_str);
var obj1=document.getElementById(obj_str1);
var obj_help=document.getElementById(obj_targ);
obj.keytype=0;
if(obj1.value.length==0){
obj.keytype=1;
obj_help.innerHTML=repassword_null;
obj_help.className=word_error;
return false;
}
if(obj.value!=obj1.value){
obj.keytype=1;
obj_help.innerHTML=repassword_unsame;
obj_help.className=word_error;
return false;
}
backState('rpw');
}

//检查电子邮件
function checkEmail_1(obj_str,obj_str1){
var obj=document.getElementById(obj_str);
var obj_help=document.getElementById(obj_str1);
obj.keytype=0;
var str="";
var email =obj.value;
if(email.length==0){
obj.keytype=1;
obj_help.innerHTML=email_null;
obj_help.className=word_error;
return false;
}else if (email.length < 8)
{
obj.keytype=1;
obj_help.innerHTML=email_error;
obj_help.className=word_error;
return false;
}else{
if (email.indexOf(".") <=0 || email.indexOf("@") == -1)
{ obj.keytype=1;
obj_help.innerHTML=email_error;
obj_help.className=word_error;
return false;
}
}

url="/checkEmail.asp?email="+email; //如果email存在，checkEmail.asp的返回结果必须是“您使用的邮箱已经注册过，请登陆或者输入其他邮箱地址”
http.open("GET",url,true);
http.onreadystatechange = handleHttpResponseEmail;
http.send(null);
}

//电子邮件处理结果
function handleHttpResponseEmail(){
if(http.readyState == 4){
if (http.status == 200) {
returnStr=Trim(http.responseText);
if(returnStr=="您使用的邮箱已经注册过，请登陆或者输入其他邮箱地址"){
var obj_1=document.getElementById("uemail");
obj_1.innerHTML=email_exist;
document.getElementById("email").keytype=1;
obj_1.className=word_error;
return false;
}else if(document.getElementById("email").keytype==0){
backState('ue');
}
}
}
}

//检查密码是否过于简单
function checkpw(obj,num){
var rownum=obj.parentElement.parentElement.rowIndex;
obj.keytype=0;
if(obj.value.length<num){
obj.keytype=1;
oTD=document.getElementById("reg_table").rows[rownum+1].cells[0];
oTD.innerHTML="<span class='"+word_error+"'>"+password_too_simple+"</span>"
return false;
}
hidden_text(obj);
}

//检查密码是否一致
function checkSame(obj,obj_str1){
var rownum=obj.parentElement.parentElement.rowIndex;
obj.keytype=0;
if(obj.value!=document.getElementById(obj_str1).value){
obj.keytype=1;
oTD=document.getElementById("reg_table").rows[rownum+1].cells[0];
oTD.innerHTML="<span class='"+word_error+"'>"+repassword_unsame+"</span>"
return false;
}
hidden_text(obj);
}

}
function hidden_text(obj){
var rownum=obj.parentElement.parentElement.rowIndex;
//if(obj.keytype==0){
document.getElementById("reg_table").deleteRow(rownum+1);
//}
}

function hidden_error(){
document.getElementById("word_error").style.display='none';
}

function Trim(str) {
return RTrim(LTrim(str));
}

function LTrim(str) {
return str.replace(/^[ ]+/g, "");
}

function RTrim(str) {
return str.replace(/[ ]+$/g, "");
}

【上篇】ado读取二进制文件
【下篇】Lambda表达式

作者: rupiah

该日志由 rupiah 于11年前发表在综合分类下，最后更新于 2013年08月25日.
转载请注明: Ajax在用户注册上的简单应用 | 学步园 +复制链接

抱歉!评论已关闭.

学步园

Ajax在用户注册上的简单应用

作者: rupiah

书签

最新文章New

本站推荐

返回首页