程序啟動(dòng)時(shí),進(jìn)入首頁(yè),在首頁(yè)可以選擇的操作是:
1:注冊(cè)
2:登錄
1、注冊(cè):當(dāng)容器中存在用戶輸入的用戶名時(shí),或者用戶名的長(zhǎng)度不再6-15之間時(shí),注冊(cè)失敗
密碼需要輸入2次最終確定。如果兩次輸入的密碼不一致,或者密碼長(zhǎng)度不在6-15之間時(shí),注冊(cè)失敗
驗(yàn)證碼,當(dāng)用戶名和密碼都符合規(guī)范時(shí),點(diǎn)擊發(fā)送驗(yàn)證碼,顯示4位數(shù)的純數(shù)字驗(yàn)證碼,如果驗(yàn)證碼輸入錯(cuò)的話,注冊(cè)失?。?/p>
當(dāng)注冊(cè)成功時(shí),將用戶名和密碼添加到指定的容器中,
2、登錄:只有當(dāng)用戶名和密碼和驗(yàn)證碼都正確的時(shí)候,才顯示登錄成功
輸入用戶名和密碼判斷是否正確,同時(shí)驗(yàn)證輸入的驗(yàn)證碼是否正確,正確則顯示登錄成功,失敗顯示登錄失敗。
3、登錄成功之后,在頁(yè)面顯示歡迎你:用戶名, 同時(shí)可以進(jìn)行的操作如下
(1)可以選擇查看所有用戶信息,顯示所有的用戶名和密碼。++
(2)修改密碼怎么實(shí)現(xiàn)登陸后跳轉(zhuǎn)到下一個(gè)頁(yè)面,修改密碼前必須驗(yàn)證原密碼,輸入正確可以進(jìn)行修改怎么實(shí)現(xiàn)登陸后跳轉(zhuǎn)到下一個(gè)頁(yè)面,輸入錯(cuò)誤則不能進(jìn)行修改操作。
再次輸入密碼:<script type="text/javascript" src="js/jquery-1.12.4.js"> </script>
<script type="text/javascript" src="js/jquery-1.12.4.js"> </script> 賬戶:
密碼:
歡迎你<script type="text/javascript"> var xing=["zhangsan","wangwu"] var ma=[123123,111111] var flag1=false,flag2=false; var t; function denglu(){ var parm=location.search console.log(parm) parm=parm.substring(1) //將截取的數(shù)據(jù)通過(guò)&分割 var arr=parm.split("&") //創(chuàng)建一個(gè)新的對(duì)象 var obj=new Object() //對(duì)數(shù)組在進(jìn)行循環(huán) for(var i=0;i){ //將數(shù)組分割為0,1 name和數(shù)據(jù) obj[arr[i].split("=")[0]]=arr[i].split("=")[1] } console.log(obj.name) console.log(obj.password) var Uname = new Array(xing.length+1) var Upwd = new Array(ma.length+1) //通過(guò)forin遍歷數(shù)組將兩個(gè)數(shù)組的數(shù)據(jù)賦值給心數(shù)組 for(var x in xing){ Uname[x]=xing[x]; } for(var y in ma){ Upwd[y]=ma[y]; } //通過(guò)下表將讀取的數(shù)據(jù)存放到數(shù)組最后一位 Uname[Uname.length-1]=(obj.name) Upwd[Upwd.length-1]=(obj.password) console.log(Uname) console.log(Upwd) var mr=document.getElementById("mrs").value var wo=document.getElementById("word").value var num=0; for (var ds=0;ds) { if(mr == Uname[ds]){ for(var yy=0;yy ){ if(wo == Upwd[yy]){ num++ } } } } if(num >0){ t=""; for(var i=0;i<4;i++){ t+=Math.floor(Math.random()*10) } console.log(t) } } $("#post").click(function(){ var a=$("#postexe").val() var b=$("#mrs").val() if (a == t) { alert("登錄成功") $("#app").hide() $("#div").show() $("#huan").html(b) } else{ alert("登陸失敗") } }) $("#select").click(function(){ for(var x in xing){ $("#xinxi").html(xing[x]) } for(var y in ma){ $("#xinxa").html(ma[y]) } }) $("#gai").click(function(){ var a=parseInt(prompt("輸入原密碼")) var b=$("#xiu").val() var num=0; for (var x in ma) { if(ma[x] == a){ ma[x] = b; }else{ num++ } } if(num > 1){ alert("原密碼輸入錯(cuò)誤") } console.log(ma) }) </script>