大家好，今天小悅來為大家解答以上問題。如何用Axure做驗(yàn)證碼，Axure怎么設(shè)計(jì)網(wǎng)頁強(qiáng)密碼驗(yàn)證效果?很多人還不知道，現(xiàn)在讓我們一起來看看吧！

1、強(qiáng)密碼驗(yàn)證原理，是判定按鍵的ASCII碼：大寫字母，ASCII碼范圍在65-90小寫字母，ASCII碼范圍在97-122數(shù)字，ASCII碼范圍在48-57特殊字符，ASCII碼范圍在33-47、58-64、91-96、123-126---**使用ASCII碼判定，是為將來驗(yàn)證“連續(xù)數(shù)字或連續(xù)字母”做準(zhǔn)備**支持的特殊字符，可按需求選擇相應(yīng)的數(shù)值

2、新建4個(gè)“空圓”圖標(biāo)，4個(gè)“勾選”圖標(biāo)，4個(gè)標(biāo)簽及1個(gè)文本框：

1）修改4個(gè)“標(biāo)簽”內(nèi)容分別為：大寫字母、小寫字母、數(shù)字、特殊符號(hào)

2）命名4個(gè)“勾選”圖標(biāo)為：大寫、小寫、數(shù)字、特殊

如圖所示：

3、“勾選”圖標(biāo)和“空圓”圖標(biāo)重疊，并隱藏“勾選”圖標(biāo)，具體布局如下：

4、布局完成后，就是針對“文本框”的“文本改變時(shí)”做相應(yīng)的驗(yàn)證動(dòng)作設(shè)置，這里最主要用的到函數(shù)就是：charCodeAt(index)，用來獲取按鍵的ASCII碼

1）判定大寫字母

判斷輸入的字符，ASCII碼是否在65-90的范圍內(nèi)

判斷值：[[this.text.charCodeAt(this.text.length-1)]]

動(dòng)作：顯示“圖標(biāo)：大寫”，并“置于頂層”

2）判定數(shù)字

判斷輸入的字符，是否為數(shù)字

判斷值：[[this.text.charAt(this.text.length-1)]]

動(dòng)作：顯示“圖標(biāo)：數(shù)字”，并“置于頂層”

3）判定小寫字母

判斷輸入的字符，ASCII碼是否在97-122的范圍內(nèi)

判斷值：[[this.text.charCodeAt(this.text.length-1)]]

動(dòng)作：顯示“圖標(biāo)：小寫”，并“置于頂層”

4）判定特殊符號(hào)

**因?yàn)樘厥夥?hào)分屬4個(gè)范圍，為符合條件判定，需要做4個(gè)范圍的判定，這里僅舉例1個(gè)做范例，其他可參考補(bǔ)全

判斷輸入的字符，ASCII碼是否在33-47的范圍內(nèi)

判斷值：[[this.text.charCodeAt(this.text.length-1)]]

動(dòng)作：顯示“圖標(biāo)：特殊”，并“置于頂層”

5）清除字符串后，重置狀態(tài)

判斷“文本框”輸入的字符串長度是否為0

動(dòng)作：隱藏“圖標(biāo)：大寫、圖標(biāo)：數(shù)字、圖標(biāo)：小寫、圖標(biāo)：特殊”

所有動(dòng)作匯總截圖如下：

動(dòng)作設(shè)置完后，就可以看效果了。輸入字符后，判斷是否為大寫字母、小寫字母、數(shù)字、特殊符號(hào)……

以上就是axure強(qiáng)密碼驗(yàn)證效果的制作方法，希望大家喜歡，請繼續(xù)關(guān)注我們。

本文到此結(jié)束，希望對大家有所幫助。

　　免責(zé)聲明：本文由用戶上傳，與本網(wǎng)站立場無關(guān)。財(cái)經(jīng)信息僅供讀者參考，并不構(gòu)成投資建議。投資者據(jù)此操作，風(fēng)險(xiǎn)自擔(dān)。 如有侵權(quán)請聯(lián)系刪除！