我們在制作登錄注冊的原型時(shí)，通常會(huì)對賬號(hào)密碼輸入的長度或者類型如字母、數(shù)字等進(jìn)行一個(gè)設(shè)置。之前有不少小伙伴問到，我想把這個(gè)登錄注冊做的更加逼真一點(diǎn)，做到注冊登錄一條龍，只有注冊的號(hào)才能登錄，而不是隨便登錄，能不能做到。答案當(dāng)然是肯定的。

接下來的問題就是：應(yīng)該怎么做？

首先大家可以看一下這個(gè)案例的效果：

https://ofnl2o.axshare.com/#c=2

看過了效果之后有了一個(gè)了解，那這時(shí)候可以先問一下自己，可能需要怎么樣做。

第一，在登錄頁面進(jìn)行登錄，會(huì)判斷你有沒有先注冊賬號(hào)。沒有的話需要去注冊一下。

這里我們可以用到變量去判定它的注冊狀態(tài)，例如：變量register= =1為已注冊的狀態(tài)，那么在點(diǎn)擊登錄的時(shí)候判斷變量是否等于1。

?

第二、除了判斷是否已注冊之外，還得看一下，在登錄的時(shí)候輸入的賬號(hào)密碼是不是我們在注冊的時(shí)候使用的賬號(hào)和密碼，如果是的話，就可以登錄成功，如果不對的話會(huì)提示我們。

?

例如，我注冊的時(shí)候使用的是賬號(hào)：陪學(xué)，密碼：pexue。那么登錄的時(shí)候賬號(hào)用張三，密碼用zhangsan，肯定是不能登錄的。

我們可以在注冊的時(shí)候，將輸入的賬號(hào)和密碼分別保存到變量中，同時(shí)需要將注冊狀態(tài)更改為已注冊，然后在登錄的時(shí)候進(jìn)行判斷。

那么我們在登錄的時(shí)候需要判斷的是：1輸入的賬號(hào)和密碼有沒有先進(jìn)行注冊；2.輸入的賬號(hào)和密碼是不是注冊時(shí)輸入的賬號(hào)密碼。符合以上兩點(diǎn)的話，就登錄成功；否則需要出現(xiàn)提示。

?

在注冊時(shí)這么設(shè)置：

在登錄時(shí)這么設(shè)置：

第三、登錄完成之后，獲取用戶名。

這個(gè)就比較簡單了，在注冊的時(shí)候我們已經(jīng)將賬號(hào)和密碼分別保存到了兩個(gè)不同的變量中了，在進(jìn)入登錄完成的頁面之后，只需要在頁面載入的時(shí)候設(shè)置歡迎語，在歡迎語之后直接獲取變量中的值就OK了。

第四、點(diǎn)擊下次自動(dòng)登錄，再次進(jìn)入登錄頁面時(shí)，會(huì)自動(dòng)填寫賬號(hào)和密碼。

那這個(gè)應(yīng)該怎么做呢？這里最主要是看有沒有勾選“下次自動(dòng)登錄”。那跟注冊狀態(tài)一樣，可以用變量來記錄它的點(diǎn)擊狀態(tài)，例如：變量click= =1表示已經(jīng)勾選這個(gè)選項(xiàng)，變量click等于空值，表示已經(jīng)沒有勾選這個(gè)選項(xiàng)。選擇這個(gè)選項(xiàng)的時(shí)候，如果賬號(hào)和密碼都輸入的話，就讓click= = 1，除此之外，都讓click等于空值。

?

在進(jìn)入登錄頁面的時(shí)候，需要對click做出判斷，如果等于空值，就讓賬號(hào)密碼是空值；如果等于1，就讓賬號(hào)密碼自動(dòng)填寫。

第五、點(diǎn)擊忘記密碼，進(jìn)行密碼修改。修改之后只能使用新密碼登錄。

這里要注意的是：1確認(rèn)密碼時(shí)輸入的密碼與之前設(shè)置的新密碼必須一致，新密碼才能修改成功；2，修改完成時(shí)候只能使用新密碼登錄。

?

點(diǎn)擊確認(rèn)的時(shí)候，要先判斷兩個(gè)輸入框中輸入的密碼是一致的，如果不一致，會(huì)提示我們。如果一致的話，可以將這個(gè)新密碼保存到變量中，這是密碼就修改成為了新設(shè)置的這個(gè)密碼。

我們在登錄的時(shí)候，判斷的是輸入的密碼是否等于變量值，那這時(shí)變量值就是新的密碼。