用戶注冊驗證的js代碼

1、用戶注冊驗證的js代碼用戶注冊驗證的js代碼2010-12-18 15：29說明：(上圖中電話、E-Mail、QQ號碼的輸入可以為空)1、如上四圖所示，加載頁面是"用戶名"輸入框自動獲取焦點；2、當文本框獲得焦點是，改變背景顏色為"#D4EDFF"，失去焦點是背景還原為白色(White)；3、當選中復選框"我接收'服務條款'"是，按鈕為可用狀態(tài)，否則為不可用；4、當用戶輸入不正確時，在用戶輸入不正確項的后面以紅色字體提示錯誤原因，且按鈕不作提交；5、當用戶輸入正確后，在正確項后以紅色""提示，當全部

2、正確后才能提交。UserRegister.aspx頁面代碼：%Page Language="C#"AutoEventWireup="true"CodeFile="UserRegister.aspx.cs"Inherits="UserRegister"%！DOCTYPE html PUBLIC"-/W3C/DTD XHTML 1.0 Transitional/EN""html xmlns="head runat="server"title用戶注冊/title

3、 script type="text/javascript"src="js/registerjs.js"/script！-引入判斷用戶輸入的js文件-style type="text/css"bodymargin：0px 0px 0px 0px；font-size：11pt；text-align：center；color：#003399；.mytextborder：1px solid#6699cc；background-color：White；！-改變輸入框的背景顏色-.mytextclickborder：1px solid#6699

4、cc；background-color：#D4EDFF；/style/head body onload="getFocus()"！-加載頁面時"用戶名"輸入框自動獲取焦點-form id="form1"runat="server"div table width="1000px"cellpadding="0"cellspacing="0"tr td div id="reg1"table style="text-align：lef

5、t；width：650px；"tr td colspan="3"用戶注冊/td/tr tr td style="width：80px；"用戶名：/td td style="width：200px；"asp：TextBox ID="txtuname"runat="server"Width="180px"Height="20px"CssClass="mytext"onfocus="this.className='

6、mytextclick'"onblur="this.className='mytext'；checkname()"MaxLength="30"/asp：TextBox/td td style="width：370px；"div id="uname"用戶名只能是數(shù)字、字母、下劃線組成！/div/td！-獲得焦點是改變輸入框的背景顏色，失去焦點時還原為白色，同時判斷用戶輸入是否正確-/tr tr td密碼：/td td asp：TextBox ID="txtuserpassw

7、ord"runat="server"TextMode="Password"Width="180px"Height="20px"CssClass="mytext"onfocus="this.className='mytextclick'"onblur="this.className='mytext'；checkuserpassword()"MaxLength="30"/asp：TextBox/td

8、 td div id="userpassword"密碼至少應為六位！/div/td/tr tr td確認密碼：/td td asp：TextBox ID="txtpwdagin"runat="server"TextMode="Password"Width="180px"Height="20px"CssClass="mytext"onfocus="this.className='mytextclick'"onblur=&q

9、uot;this.className='mytext'；checkpwdagin()"/asp：TextBox/td td div id="pwdagin"應與以上的密碼相同！/div/td/tr tr td電話：/td td asp：TextBox ID="txttelephone"runat="server"Width="180px"Height="20px"CssClass="mytext"onfocus="this.classNam

10、e='mytextclick'"onblur="this.className='mytext'；checktelephone()"MaxLength="20"/asp：TextBox/td td div id="telephone"請輸入11位數(shù)字！例08514785214/div/td/tr tr td E-Mail：/td td asp：TextBox ID="txtemail"runat="server"Width=&qu

11、ot;180px"Height="20px"CssClass="mytext"onfocus="this.className='mytextclick'"onblur="this.className='mytext'；checkemail()"MaxLength="45"/asp：TextBox/td td div id="email"E-mail應包括''和'.',且''應在'

12、.'之前！/div/td/tr tr td QQ號碼：/td td asp：TextBox ID="txtqq"runat="server"Width="180px"MaxLength="10"Height="20px"CssClass="mytext"onfocus="this.className='mytextclick'"onblur="this.className='mytext'；checkqq(

13、)"/asp：TextBox/td td div id="divqq"請輸入10位以內(nèi)的數(shù)字！/div/td/tr tr td colspan="3"asp：CheckBox ID="ckbxcjkx"runat="server"onclick="checkcjkx()；"/我接受a href="ServiceClause.aspx"target="_blank"style="color：Blue；"服務條款/a！-復選框的選

14、中與否來控制按鈕的可用與不可用-/td/tr tr td colspan="3"asp：Button ID="btnregister"CssClass="common_button"runat="server"Text="注冊"OnClientClick="return checkall()；"disabled="disabled"/！-所有驗證通過后才能提交表單-/td/tr/table/div/td/tr/table/div/form/body/htm

15、l registerjs.js文件代碼：function getFocus()/設(shè)置用戶名文本框獲取焦點document.getElementById("txtuname").focus()；function checkname()/檢查用戶名var myname=document.getElementById("txtuname").value；var myDivname=document.getElementById("uname")；if(myname="")myDivname.innerHTML="

16、;font color='red'用戶名不能為空！/font"；return false；for(var i=0；i myname.length；i+)var text=myname.charAt(i)；if(！(text=9&&text=0)&&！(text='a'&&text='z')&&！(text='A'&&text='Z')&&text！="_")myDivname.innerHT

17、ML="font color='red'用戶名只能是數(shù)字、字母、下劃線組成！/font"；break；if(i=myname.length)myDivname.innerHTML="font color='red'/font"；return true；function checkuserpassword()/檢查密碼var mypassword=document.getElementById("txtuserpassword").value；var myDivpassword=document.getE

18、lementById("userpassword")；if(mypassword="")myDivpassword.innerHTML="font color='red'密碼不能為空！/font"；return false；else if(mypassword.length 6)myDivpassword.innerHTML="font color='red'密碼至少應為六位！/font"；return false；elsemyDivpassword.innerHTML="

19、font color='red'/font"；return true；function checkpwdagin()/檢查確認密碼var myispassword=document.getElementById("txtpwdagin").value；var myDivispassword=document.getElementById("pwdagin")；if(myispassword="")myDivispassword.innerHTML="font color='red'確

20、認密碼不能為空！/font"；return false；else if(document.getElementById("txtuserpassword").value！=document.getElementById("txtpwdagin").value)myDivispassword.innerHTML="font color='red'確認密碼與密碼不一致！/font"；return false；elsemyDivispassword.innerHTML="font color='r

21、ed'/font"；return true；function checktelephone()/檢查電話號碼var mytelephone=document.getElementById("txttelephone").value；var myDivtelephone=document.getElementById("telephone")；if(mytelephone！="")var reg=/0-911$/i；if(！reg.test(mytelephone)myDivtelephone.innerHTML=&q

22、uot;font color='red'只能輸入11位數(shù)字！例08514785214/font"；return false；elsemyDivtelephone.innerHTML="font color='red'/font"；return true；elsemyDivtelephone.innerHTML="font color='red'/font"；return true；function checkemail()/檢查E-mailvar myemail=docu

23、ment.getElementById("txtemail").value；var myDivemail=document.getElementById("email")；if(myemail！="")if(myemail.indexOf("")=-1|myemail.indexOf(".")=-1|(myemail.indexOf("")myemail.indexOf(".")myDivemail.innerHTML="font color='red'E-mail格式不正確！例：jiiereturn false；elsemyDivemail.innerHTML="font color='red'/font"；return true；elsemyDivemail.innerHTML="font color='red'/font"；return true；function checkqq()/檢查QQ號碼var myqq=docu