`
jack_kxmd
  • 浏览: 5029 次
  • 性别: Icon_minigender_1
  • 来自: 长沙
社区版块
存档分类
最新评论

摘选：当当的注册验证js

JavaScriptWebFormAjaxCSSprototype 
阅读更多

Ajax.js
=========
// JScript 文件

var xmlReq = false;

function createXMLHttpRequest()
{
if(window.XMLHttpRequest)
{
xmlReq = new XMLHttpRequest();
if(xmlReq.overrideMimeType) xmlReq.overrideMimeType('text/xml');
}
else if(window.ActiveXObject)
{
try
{
xmlReq = new ActiveXObject('Msxml2.XMLHTTP');
}
catch(e)
{
try
{
xmlReq = new ActiveXObject('Microsoft.XMLHTTP');
}
catch(e){}
}
}
}


var num;

function changeImage()
{
createXMLHttpRequest();

num = Math.random();
num = Math.round(num*10000000);
var url = 'ShowRdmChange.aspx?t='+num;

xmlReq.open("GET", url, false);
xmlReq.send(null);

var img = document.getElementById("imgshowcode");
img.src = 'ShowRdmDgtGif.aspx?t='+num;

}

function updateImage()
{

if(xmlReq.readyState == 4 && xmlReq.status==200)
{
var img = document.getElementById("imgshowcode");
img.src = 'ShowRdmDgtGif.aspx?t='+num;
}
}

var nicknamecheck = false;
function NickNameCheck()
{
createXMLHttpRequest();
var nickname=document.getElementById("txtNickName").value
var url = 'Ajax_NickNameCheck.aspx?nickname='+nickname;
xmlReq.open("GET",url,false);
//xmlReq.onreadystatechange = NickNameCheckMsg;
xmlReq.send(null);
var retval ;
var namemsg = document.getElementById("nickNameValidMsg");
var namenull = document.getElementById("nickNameValidMsg0");
var nameformat = document.getElementById("nickNameValidMsg1");
var nameexist = document.getElementById("nickNameValidMsg2");
retval = xmlReq.responseText;
if(retval == "100")
{
nicknamecheck = true;
}
else if(retval == "-1")
{
namemsg.style.display = "none";
namenull.style.display = "none";
nameformat.style.display = "none";
nameexist.style.display = "block";
nicknamecheck = false;
}
else
{
alert("昵称验证出错！");
nicknamecheck = false;
}

return nicknamecheck;
}


var emailcheck = false;
function EmailCheck()
{
createXMLHttpRequest();
var email = document.getElementById("txtEmail").value
var url = 'Ajax_EmailCheck.aspx?email='+email;
xmlReq.open("GET",url,false);
//xmlReq.onreadystatechange = EmailCheckMsg;
xmlReq.send(null);
var retval ;
var emailmsg = document.getElementById("emailValidMsg");
var emailnull = document.getElementById("emailValidMsg0");
var emailformat = document.getElementById("emailValidMsg1");
var emailexist = document.getElementById("emailValidMsg2");
retval = xmlReq.responseText;
if(retval == "100")
{
emailcheck = true;
}
else if(retval == "-1")
{
emailmsg.style.display = "none";
emailnull.style.display = "none";
emailformat.style.display = "none";
emailexist.style.display = "block";
emailcheck = false;
}
else
{
alert("邮箱验证出错！");
emailcheck = false;
}

return emailcheck;
}


var codecheck = false;
function ShowCodeServerCheck()
{
createXMLHttpRequest();
var code = document.getElementById("txtVerifyCode").value;
var url = 'ShowRdmCheck.aspx?c='+code;
xmlReq.open("GET", url, false);
//xmlReq.onreadystatechange = ShowCodeCheckMsg;
xmlReq.send(null);

var retval;
var verifymsg = document.getElementById("verifyCodeValidMsg");
var verifyerror= document.getElementById("verifyCodeValidMsgError");
var verifyclienterror = document.getElementById("verifyerrorclient");
retval = xmlReq.responseText;
if(retval == "1")
{
verifymsg.style.display="block";
verifyclienterror.style.display ="none";
codecheck = true;
}
else
{
verifymsg.style.display="none";
verifyclienterror.style.display ="block";
codecheck = false;
}

return codecheck;
}

RegisterInit.js
=================
var EMAIL_REGULAR_EXPRESSION="(\\w|[-.])+@\\w+([-.]\\w+)*\\.\\w+([-.]\\w+)*";
var PASSWORD_REGULAR_EXPRESSION="^\\w{6,20}$";
var NICKNAME_REGULAR_EXPRESSION="^[a-z0-9\\u4e00-\\u9fa5]{2,20}$";
//var NICKNAME_REGULAR_EXPRESSION="^[a-z0-9]{4,20}|[\\u4e00-\\u9fa5]{2,10}$";
var VERIFY_CODE_EXPRESSION="^\\w{4}$";

var MSG_EMIAL_NULL = "此项为必填项，请输入您的Email地址。";
var MSG_EMAIL_FORMAT_ERROR="您设置的Email格式不正确。<br>请填写有效的Email地址，在下一步中您将用此邮箱接收验证邮件。";
var MSG_EMAIL_USED="您设置的Email地址已存在，请选择0另一个Email地址。";

var MSG_NICKNAME_NULL = "此项为必填项，请输入您的昵称。";
var MSG_NICKNAME_FORMAT_ERROR="您输入的昵称有误，请重新输入。<br>您的昵称可以由小写英文字母,中文、数字组成，长度4－20位。";
var MSG_NICKNAME_USED="该昵称已被使用，请重新输入。";

var MSG_PASSWORD_NULL = "此项为必填项，请设置您的密码。";
var MSG_PASSWORD_FORMAT_ERROR="您设置的密码有误，请重新输入。<br>您的密码可以由大小写英文字母、数字组成，长度6－20位。";

var MSG_PASSWORD_NOT_IDENTICAL="两次密码输入的不一致，请重新输入。";

var MSG_VERIFYCODE_NULL = "此项为必填项，请输入验证码。";
var MSG_VERIFYCODE_ERROR="您输入的验证码不正确，请重新输入。";
var MSG_VERIFY_CODE_FORMAT_ERROR="四位数字";

var MSG_COOKIE_DISABLED="注册之前请您先打开浏览器的Cookie功能。";


String.prototype.trim=function()
{
return this.replace(/(\s*$)|(^\s*)/g, '');
}


function requireFieldValid(controlToValidID,msgSpanID,errorMessage)
{
var objControlToValid=document.getElementById(controlToValidID);
var objSpan=document.getElementById(msgSpanID);
var objMsgSpan = document.getElementById(msgSpanID+"1");
var objnullSpan = document.getElementById(msgSpanID+"0");
var objserver = document.getElementById(msgSpanID+"2");
var isValid=objControlToValid.value.trim()!='';
//objMsgSpan.innerHTML=isValid?'':errorMessage;
if(!isValid)
{
objSpan.style.display = "none";
objnullSpan.style.display ="block";
objMsgSpan.style.display ="none";
if(objserver != null)
{
objserver.style.display ="none";
}
}
else
{
objSpan.style.display = "block";
objnullSpan.style.display ="none";
objMsgSpan.style.display ="none";
if(objserver != null)
{
objserver.style.display ="none";
}
}
return isValid;
}

function compareFieldValid(controlToValidID,compareToValidID,msgSpanID)
{
var objControlToValid=document.getElementById(controlToValidID);
var objCompareToValid=document.getElementById(compareToValidID);
var objSpan=document.getElementById(msgSpanID);
var objMsgSpan=document.getElementById(msgSpanID+"1");
var objnullSpan = document.getElementById(msgSpanID+"0");
var isValid=objControlToValid.value.trim()==objCompareToValid.value.trim();
//objMsgSpan.innerHTML=isValid? '' : errorMessage;
if(!isValid)
{
objSpan.style.display = "none";
objnullSpan.style.display ="none";
objMsgSpan.style.display ="block";
}
else
{
objSpan.style.display = "block";
objnullSpan.style.display ="none";
objMsgSpan.style.display ="none";
}
return isValid;
}

function regularExpressionValid(controlToValidID,validationExpression,msgSpanID)
{
var objRegExp = new RegExp(validationExpression,"g");
var objControlToValid=document.getElementById(controlToValidID);
var objSpan=document.getElementById(msgSpanID);
var objMsgSpan=document.getElementById(msgSpanID+"1");
var objnullSpan = document.getElementById(msgSpanID+"0");
var objserver = document.getElementById(msgSpanID+"2");
var isValid=objRegExp.test(objControlToValid.value);
//objMsgSpan.innerHTML=isValid? '' : errorMessage;
if(!isValid)
{
objSpan.style.display = "none";
objnullSpan.style.display ="none";
objMsgSpan.style.display ="block";
if(objserver != null)
{
objserver.style.display ="none";
}
}
else
{
objSpan.style.display = "block";
objnullSpan.style.display ="none";
objMsgSpan.style.display ="none";
if(objserver != null)
{
objserver.style.display ="none";
}
}
return isValid;
}





function txtEmail_check()
{
var validnull = requireFieldValid('email','emailValidMsg');
if(!validnull)
return validnull;
var validregular = regularExpressionValid('email',EMAIL_REGULAR_EXPRESSION,'emailValidMsg')
if(!validregular)
return validregular;
var emailmsg = document.getElementById("emailValidMsg");
var emailformat = document.getElementById("emailValidMsg1");
var email = document.getElementById("email").value.trim();
if(email.length >=40)
{
emailmsg.style.display = "none";
emailformat.style.display = "block";
}
var valideamil = EmailCheck();
if(!valideamil)
return valideamil;

return true;
//return requireFieldValid('txtEmail','emailValidMsg') && regularExpressionValid('txtEmail',EMAIL_REGULAR_EXPRESSION,'emailValidMsg',MSG_EMAIL_FORMAT_ERROR);
}

String.prototype.getRealLength=function(){return this.replace(/[^\x00-\xff]/g,"aa").length;};

function txtNickName_check()
{
var validnull = requireFieldValid('username','nickNameValidMsg');
if(!validnull)
return validnull;
var validregular = regularExpressionValid('username',NICKNAME_REGULAR_EXPRESSION,'nickNameValidMsg')
if(!validregular)
return validregular;

var verifymsg = document.getElementById("nickNameValidMsg");
var verifyerror= document.getElementById("nickNameValidMsg2");
var verifyclienterror = document.getElementById("nickNameValidMsg1");
var nicknamelen = document.getElementById('username').value.trim().getRealLength();

if(verifyerror != null)
{
verifyerror.style.display = "none";
}
if(nicknamelen < 4 || nicknamelen >20)
{
verifyclienterror.style.display ="block";
verifymsg.style.display = "none";
return false;
}

var validnickname = NickNameCheck();
if(!validnickname)
return validnickname;

return true;
//return requireFieldValid('username','nickNameMsg') && regularExpressionValid('username',NICKNAME_REGULAR_EXPRESSION,'nickNameValidMsg',MSG_NICKNAME_FORMAT_ERROR);
}
function txtPassword_check()
{
var validnull = requireFieldValid('password','passwordValidMsg');
if(!validnull)
return validnull;
var validregular = regularExpressionValid('password',PASSWORD_REGULAR_EXPRESSION,'passwordValidMsg')
if(!validregular)
return validregular;

return true;
//return requireFieldValid('txtPassword','passwordValidMsg') && regularExpressionValid('txtPassword',PASSWORD_REGULAR_EXPRESSION,'passwordValidMsg',MSG_PASSWORD_FORMAT_ERROR);
}
function txtRepeatPass_check()
{
var validnull = requireFieldValid('repassword','repeatPassValidMsg');
if(!validnull)
return validnull;
var validregular = compareFieldValid('repassword','password','repeatPassValidMsg')
if(!validregular)
return validregular;

return true;
//return requireFieldValid('txtRepeatPass','repeatPassValidMsg') && compareFieldValid('txtRepeatPass','password','repeatPassValidMsg',MSG_PASSWORD_NOT_IDENTICAL);
}
function txtVerifyCode_check()
{
// var validnull = requireFieldValid('txtVerifyCode','verifyCodeValidMsg');
// if(!validnull)
// return validnull;
// var validregular = regularExpressionValid('txtVerifyCode',VERIFY_CODE_EXPRESSION,'verifyCodeValidMsg')
// if(!validregular)
// return validregular;

var verifymsg = document.getElementById("verifyCodeValidMsg");
var verifyerror= document.getElementById("verifyCodeValidMsgError");
var verifyclienterror = document.getElementById("verifyerrorclient");
var val = document.getElementById("txtVerifyCode").value.trim();
if(verifyerror != null)
{
verifyerror.style.display ="none";
}
if(val == "" || val.length != 4)
{
if(verifymsg != null)
{
verifymsg.style.display = "none";
}
verifyclienterror.style.display = "block";
return false;
}
if(verifymsg != null)
{
verifymsg.style.display = "block";
}
verifyclienterror.style.display = "none";

var valaj = ShowCodeServerCheck();
if(!valaj)
return valaj;
return true;
//return requireFieldValid('txtVerifyCode','verifyCodeValidMsg') && regularExpressionValid('txtVerifyCode',VERIFY_CODE_EXPRESSION,'verifyCodeValidMsg',MSG_VERIFY_CODE_FORMAT_ERROR);
}

var repeateList="";

function receiveFromServer(sender,data)
{
switch(requestData(data,"code"))
{
case "11":
document.getElementById("nickNameValidMsg").innerHTML=MSG_NICKNAME_USED;
document.getElementById("emailValidMsg").innerHTML=MSG_EMAIL_USED;
break;
case "10":
document.getElementById("nickNameValidMsg").innerHTML=MSG_NICKNAME_USED;
break;
case "1":
document.getElementById("emailValidMsg").innerHTML=MSG_EMAIL_USED;
break;
case "0":
document.getElementById("btnRegister").click();
break;
case "-1":
break;
case "-2":
document.getElementById("verifyCodeValidMsg").innerHTML=MSG_VERIFYCODE_ERROR;
default:
break;
}
}

function btnCheckLogin_Click()
{
var emailValid=txtEmail_check();
var nicknameValid=txtNickName_check();
var passwordValid=txtPassword_check();
var repeatpassValid=txtRepeatPass_check();
var verifyCodeValid=txtVerifyCode_check();
//var codeservercheck = ShowCodeServerCheck();

if(emailValid && nicknameValid && passwordValid && repeatpassValid && verifyCodeValid)
{
// document.getElementById("btnRegister").click();
return true;
}
else
return false;

}

function invokeServerRegRepeatCheck()
{
var emailValid=txtEmail_check();
var nicknameValid=txtNickName_check();
var passwordValid=txtPassword_check();
var repeatpassValid=txtRepeatPass_check();
var verifyCodeValid=txtVerifyCode_check();

if(emailValid && nicknameValid && passwordValid && repeatpassValid && verifyCodeValid)
{
var nickname=document.getElementById("txtNickName").value.trim();
var email=document.getElementById("txtEmail").value.trim();
var varifycode=document.getElementById("txtVerifyCode").value.trim();
var sendData="email----"+email+"____"+"nickname----"+nickname+"____"+"verifycode----"+varifycode;
invokeServer("imgRegister",sendData);
}
}


function txtVerifyCode_keyDown(e)
{
var ck = document.getElementById("ckCheck");
var ev = window.event || e;

if((ev.keyCode==13)&&ck.checked)
{
btnCheckLogin_Click();
}
}

function register2_keydown(e)
{
var ev = window.event || e;
if(ev.keyCode==13)
{
return register2_validate();
}
}

function register1_keydown(e)
{
var ev = window.event || e;
if(ev.keyCode==13)
{
return register1_validate();
}
}

function verifyemail2_keydown(e)
{
var ev = window.event || e;
if(ev.keyCode==13)
{
return register1_validate();
}
}


function register1_validate()
{
var obj = document.getElementById("validatecode");
var codenull = document.getElementById("register1_validatenull");
var codeformat = document.getElementById("register1_validateformat");
var codemsg = document.getElementById("lblMsg");
if(codemsg!=null)
{
codemsg.style.display = "none";
}
var code = obj.value.trim();
if(code == "")
{
codenull.style.display = "block";
codeformat.style.display = "none";
return false;
}
else if(code.length != 8)
{
codenull.style.display = "none";
codeformat.style.display = "block";
return false ;
}
else
{
document.getElementById("btnregister1").click();
return false;
}
}

function register2_validate()
{
var email = document.getElementById("txtEmail").value.trim();
var emailnull = document.getElementById("register2null");
var emailformat = document.getElementById("register2format");
var emailmsg = document.getElementById("register2msg");
var emailrepeat = document.getElementById("register2repeat");


var objRegExp = new RegExp(EMAIL_REGULAR_EXPRESSION,"g");
var isValid=objRegExp.test(email);

if(email == "")
{
emailnull.style.display = "block";
emailformat.style.display = "none";
if(emailmsg != null)
{
emailmsg.style.display = "none";
}
if(emailrepeat != null)
{
emailrepeat.style.display = "none";
}
return false ;
}
else if(!isValid)
{
emailnull.style.display = "none";
emailformat.style.display = "block";
if(emailmsg != null)
{
emailmsg.style.display = "none";
}
if(emailrepeat != null)
{
emailrepeat.style.display = "none";
}
return false;
}
else
{
document.getElementById("btnRegister2").click();
return false;
}
}

function DrawImage(img){
var width=108;
var height=129;
var image=new Image();
image.src=img.src;
if(image.width>0 && image.height>0)
{
if(image.width!=width)
{
rate=image.height/image.width;
newHeight=rate*width;
img.width=width;
img.height=newHeight;
}
}
if(img.height>height)
{
rate=image.width/image.height;
newWidth=rate*height;
img.height=height;
img.width=newWidth;
}
}


function isCookieEnabled()
{
var cookieEnabled=(navigator.cookieEnabled)? true : false;

if (typeof navigator.cookieEnabled==undefined)
{
document.cookie='testcookie';
cookieEnabled=(document.cookie=='testcookie')? true : false;
}

var msgcookie = document.getElementById('lblCookie');
if(cookieEnabled)
{
msgcookie.innerHTML='';
return true;
}
else
{
msgcookie.innerHTML='注册之前请您先打开浏览器的Cookie功能!';
return false;
}
}

register.html
================
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>用户注册 - 当当网</title>




<link href="regist_files/login.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="regist_files/AjaxApp.js"></script>
<script type="text/javascript" src="regist_files/RegisterInit.js"></script>
<link href="regist_files/page_bottom_new.css" rel="stylesheet" type="text/css"></head><body onload="javascript:isCookieEnabled()">
<form name="form1" method="post" action="RegisterOp.aspx?ReturnUrl=http%3a%2f%2fmy.dangdang.com%2faccount%2fmyorders.aspx" id="form1">
<div>
<input name="__EVENTTARGET" id="__EVENTTARGET" value="" type="hidden">
<input name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" type="hidden">
<input name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwULLTE3NzI4NDk2OTBkZEKR2uWcAGjStG546a/yRSpAXZtC" type="hidden">
</div>

<script type="text/javascript">
<!--
var theForm = document.forms['form1'];
if (!theForm) {
theForm = document.form1;
}
function __doPostBack(eventTarget, eventArgument) {
if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
theForm.__EVENTTARGET.value = eventTarget;
theForm.__EVENTARGUMENT.value = eventArgument;
theForm.submit();
}
}
// -->
</script>


<script src="regist_files/WebResource.js" type="text/javascript"></script>


<script type="text/javascript">
<!--
function sS(a){WebForm_DoCallback('__Page',a,rS,null,null,false);}function invokeServer(s,e){var a=s+'____'+e;sS(a);}
function rS(d){receiveFromServer(requestData(d,'c'),d);}
function requestData(d,k){var t=k+'----';s=d;var p=s.indexOf(t);if(p<0) return '';p+=t.length;var q=s.indexOf('____',p);if(q<0) return s.substr(p);return s.substring(p,q);}
// -->
</script>

<!--页头-->
<div class="login_top">
<img class="logo" src="regist_files/logo.gif">
<div class="new_help"><b>[新用户注册]│</b><a href="http://login.dangdang.com/RegisterHelp.aspx" target="_blank">帮助</a></div>
</div>
<div class="login_step">注册步骤:　<span class="red_bold">1.填写信息</span>　&gt;　2.验证邮箱　&gt;　3.注册成功</div>
<div class="fill_message">
<h2>以下均为必填项</h2>
<table class="tab_login">
<tbody><tr>
<td class="w1" valign="top">请填写您的Email地址：</td>
<td><input name="txtEmail" id="txtEmail" class="text_input" onblur="txtEmail_check()" type="text">
<div style="display: none;" id="emailValidMsg" class="text_left"><p>请填写有效的Email地址，在下一步中您将用此邮箱接收验证邮件。</p></div>
<div class="text_left change_red" id="emailValidMsg1" style="display: none;"><p>您设置的Email格式不正确。</p><p>请填写有效的Email地址，您将用此邮箱接收验证邮件。</p></div>
<div class="text_left change_red" id="emailValidMsg2" style="display: none;"><p>您设置的Email地址已存在，请选择另一个Email地址！</p></div>
<div class="text_left change_red" id="emailValidMsg0" style="display: block;"><p>此项为必填项，请输入您的Email地址。</p></div>
</td>
</tr>
<tr>
<td class="w1" valign="top">设置您在当当网的昵称：</td>
<td><input name="txtNickName" id="txtNickName" class="text_input" onblur="txtNickName_check()" type="text">
<div class="text_left" id="nickNameValidMsg"><p>您的昵称可以由小写英文字母、中文、数字组成，</p><p>长度4－20个字符，一个汉字为两个字符。
</p></div>
<div class="text_left change_red" id="nickNameValidMsg1" style="display: none;"><p>您输入的昵称有误，请重新输入。</p><p>您的昵称可以由小写英文字母、中文、数字组成，</p><p>长度4－20个字符，一个汉字为两个字符。
</p></div>
<div class="text_left change_red" id="nickNameValidMsg0" style="display: none;"><p>此项为必填项，请输入您的昵称。</p></div>
<div class="text_left change_red" id="nickNameValidMsg2" style="display: none;"><p>该昵称已被使用，请重新输入！</p></div>
</td>
</tr>
<tr>
<td class="w1" valign="top">设置密码：</td>
<td><input name="txtPassword" id="txtPassword" class="text_input" onblur="txtPassword_check()" type="password">
<div class="text_left" id="passwordValidMsg"><p>您的密码可以由大小写英文字母、数字组成，长度6－20位。</p></div>
<div class="text_left change_red" id="passwordValidMsg1" style="display: none;"><p>您设置的密码有误，请重新输入。</p><p>您的密码可以由大小写英文字母、数字组成，长度6－20位。</p></div>
<div class="text_left change_red" id="passwordValidMsg0" style="display: none;"><p>此项为必填项，请设置您的密码。</p></div>
</td>
</tr>
<tr>
<td class="w1" valign="top">再次输入您设置的密码：</td>
<td><input name="txtRepeatPass" id="txtRepeatPass" class="text_input" onblur="txtRepeatPass_check()" type="password">
<div class="text_left" id="repeatPassValidMsg"></div>
<div class="text_left change_red" id="repeatPassValidMsg1" style="display: none;"><p>两次密码输入的不一致，请重新输入。</p></div>
<div class="text_left change_red" id="repeatPassValidMsg0" style="display: none;"><p>此项为必填项，请再次输入您的密码。</p></div>
</td>
</tr>
<tr>
<td class="w1" valign="top">验证码：</td>
<td><img id="imgshowcode" class="yzm_img" alt="验证码" src="regist_files/ShowRdmDgtGif.gif">
<input name="txtVerifyCode" id="txtVerifyCode" class="yzm_input" onblur="txtVerifyCode_check()" onkeydown="txtVerifyCode_keyDown(event)" type="text">
<div class="text_left t1" id="verifyCodeValidMsg"><p class="t1">请输入图片中的四个字母。<a href="javascript:changeImage()">看不清楚？换个图片</a></p></div>
<div class="text_left change_red" id="verifyCodeValidMsgError" style="display: none;"><p class="t1">您输入的验证码不正确，请重新输入。<a href="javascript:changeImage()">看不清楚？换个图片</a></p></div>
<div class="text_left change_red" id="verifyerrorclient" style="display: none;"><p class="t1">您输入的验证码不正确，请重新输入。<a href="javascript:changeImage()">看不清楚？换个图片</a></p></div>
</td>
</tr>
</tbody></table>
<div class="agree t1"><input id="ckCheck" name="" checked="checked" value="" onclick="showRegister()" type="checkbox"><span>我已阅读并同意《<a href="http://www.dangdang.com/help/jytk.html" target="_blank">当当网交易条款</a>》和《<a href="http://comm.dangdang.com/useragreement.aspx" target="_blank">当当网用户使用条款</a>》</span></div>
<div class="login_in"><input id="validatemsg" class="button_1" onclick="btnCheckLogin_Click()" name="" value="注 册" type="button"><input language="javascript" onclick="__doPostBack('btnRegister','')" name="btnRegister" id="btnRegister" style="display: none;" type="button">
<span id="lblCookie" style="color: Red;"></span></div>

</div>


<!--页尾-->
<div>

<center>
<hr style="height: 1px; width: 972px; color: rgb(207, 207, 207);">
<div class="b_left"></div>
<div class="publish_bottom_message2">
<div class="copyright">Copyright (C) 当当网 2004-2008, All Rights Reserved</div>
<div class="validate"><a href="http://www.hd315.gov.cn/beian/view.asp?bianhao=010202001051000098" target="_blank"><img src="regist_files/validate.gif" border="0"></a>
<p><a href="http://www.miibeian.gov.cn/" target="_blank">京ICP证041189号</a></p>
</div>

</div></center>

</div>


<script type="text/javascript">
<!--

WebForm_InitCallback();// -->
</script>
</form>
<script type="text/javascript" language="javascript">
function showRegister()
{
var ck = document.getElementById("ckCheck");
var btn = document.getElementById("validatemsg");
if(ck.checked )
{
btn.style.display = "block";
}
else
btn.style.display = "none";
}

</script>
<script language="JavaScript" src="regist_files/o_code.js"></script><script type="text/javascript" src="regist_files/count_002.txt"></script><script type="text/javascript" src="regist_files/count.txt"></script>
</body></html>

分享到：
| js+css+cookie后台管理菜单,刷新后保持状 ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    java版当当网登陆注册验证源码

    在本项目中，"java版当当网登陆注册验证源码"是一个基于Java技术栈实现的模拟当当网登录注册功能的应用程序。这个程序旨在帮助学习者了解和掌握Web开发中的用户认证和授权机制，以及如何整合多种技术来构建一个完整...

    JavaScript版当当网

    2. JavaScript：作为主要编程语言，处理用户交互、数据动态更新以及与服务器的通信。 3. AJAX：异步JavaScript和XML，用于实现页面无刷新的数据交换，提升用户体验。 4. JSON：数据交换格式，用于在服务器和客户端...

    JQuery特效项目案例：当当网上书店.rar

    当当网上书店作为一个典型的电子商务平台，其用户体验与交互设计至关重要，而这背后离不开JQuery这一强大的JavaScript库的支持。本项目案例旨在展示如何运用JQuery实现一系列丰富的特效，为用户提供更加流畅、便捷的...

    php教程 php.itcast.cn ③当当网-用户注册验证

    这些验证可以通过JavaScript或jQuery来实现，提供即时反馈，提高用户体验。 2. **后端验证**： 尽管前端验证可以提供初步的保护，但为了防止恶意用户绕过前端验证，我们必须在服务器端（即PHP）进行二次验证。这...

    php教程 ②当当网-用户注册验证

    在本PHP教程中，我们将深入探讨如何实现当当网风格的用户注册验证功能。这个过程涉及到多个关键知识点，包括但不限于用户输入验证、数据过滤、密码处理以及数据库交互。以下是详细的内容解析： 1. **用户输入验证**...

    当当网 JS特效

    "当当网 JS特效"指的是当当网在其网站上运用JavaScript技术实现的各种视觉效果，如无缝隙滚动、滚动广告和注册js验证等。这些特效不仅提升了用户的浏览体验，也使得网站更具吸引力。 首先，我们来探讨一下“无缝隙...

    当当购物车页面_当当购物车页面_html网页购物车_js当当购物车_

    3. JavaScript（JS）：JavaScript是动态网页的核心，用于处理用户交互、更新页面内容、验证数据等。在购物车页面中，JavaScript的主要作用包括： - 动态更新：当用户修改商品数量或选择商品时，JavaScript可以实时...

    当当网全套源码(附带邮箱验证功能)

    1）表单验证（采用js+Ajax） 邮箱：非空、格式、唯一性(ajax) 昵称：非空、格式 密码：非空、格式 确认密码：非空、与密码一致 验证码：非空、正确性(ajax) 2）将表单信息写入数据表d_user 编写实体类、DAO...

    当当网源代码

    这部分通常会涉及到身份验证和授权机制，如Forms Authentication和Role Management。 2. **商品展示**：商品分类、搜索、详情页展示，以及商品评价。这涉及到数据库操作、SEO优化和前端界面设计。 3. **购物车**：...

    期末前端web大作业——基于HTML当当图书网项目的设计与实现 网上书城 网上书店 在线书店网页

    - JavaScript实现简单的用户交互，如鼠标滑过特效、表单验证等。 - 使用HTML5的新特性，如`&lt;video&gt;`和`&lt;audio&gt;`标签嵌入多媒体元素。 - Flash元素的使用，尽管这在现代网页设计中较少见。 #### 三、技术栈 1. *...

    当当网购物系统jsp+struts+表单验证

    网上购物系统：struts、JDBC、Ajax、javaScript、mysql、用户管理：用户登录，用户注册，用户信息检查 产品浏览：产品浏览主页面，分类分页浏览 购物车：添加，删除，更新数量 订单模块：创建新订单，数据库存贮订单...

    当当网JS项目

    【当当网JS项目】是一个基于JavaScript技术的前端开发项目，主要针对当当网的电商平台进行功能实现和优化。在JavaScript的世界里，S2通常指的是 Seas2，一个由淘宝前端团队开发的JavaScript框架，用于构建大型Web...

    html javascript css当当网

    此外，JavaScript库和框架，如jQuery、Vue.js或React.js，可能会被引入来简化开发过程和提高性能。例如，jQuery提供了一套简洁的API来操作DOM，而Vue.js或React.js可以方便地处理数据绑定和组件化，使得代码更加模块...

    自己设计的当当网

    它不仅涉及到用户注册、登录、主页浏览、购物车管理等电商基本功能，更运用了当下流行的前端技术，如JavaScript（js）和CSS，来优化用户的互动体验和视觉效果。 首先，这个项目的核心是通过HTML来构建网站的基础...

    使用JavaScript增强交互效果-当当网-完整的项目案例

    3. **表单验证**：在提交订单或注册账号时，JavaScript可以进行前端验证，避免无效数据的提交，提高用户体验。 4. **动画效果**：JavaScript可以创建各种动态效果，如滑动、淡入淡出等，使页面更生动有趣。描述中...

    当当网上书城

    【当当网上书城】项目是一个用于学习静态网页制作的实例，主要涵盖了`div+css`和`javascript`的基础知识。在这个项目中，我们将探讨如何使用这些技术来构建一个类似于当当网线上书店的页面。 首先，让我们深入了解`...

    静态网页当当网（HTML源码）

    例如，登录和注册界面的表单验证，购物车的动态增删，以及商品推荐的动态加载，这些功能往往通过JavaScript实现。JavaScript还可以通过Ajax技术异步更新页面内容，提高页面的响应速度。 在分析当当网的HTML源码时，...

    当当网项目（模仿 当当网项目（模仿）

    【标题】：“当当网项目（模仿）” 这个项目标题表明我们要探讨的是一个模仿当当网的项目。当当网是中国知名的在线购物平台，主要涉及图书、电子设备、家居用品等多个商品类别。模仿这样一个项目意味着我们需要关注...

    练习-制作当当网注册页面.zip

    3. JavaScript：JavaScript是实现页面交互的关键，它可以让注册页面动态化。在注册过程中，我们可以用JavaScript进行客户端验证，比如检查用户名是否已存在、密码是否满足复杂度要求、邮箱格式是否正确等。此外，...

    课工场作业-js.zip

    在这个练习中，我们需要使用JavaScript来访问和操作当当购物车页面的DOM（Document Object Model）节点。DOM是HTML和XML文档的结构化表示，允许程序和脚本动态更新、添加和删除页面元素。要访问页面节点，你需要掌握...

Magicbox
Global site tag (gtag.js) - Google Analytics