欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Axure怎么設(shè)計網(wǎng)頁強密碼驗證效果?

百度經(jīng)驗   發(fā)布時間：2018-07-17 16:35:53   作者：goodbyte01   我要評論
Axure怎么設(shè)計網(wǎng)頁強密碼驗證效果？現(xiàn)在網(wǎng)頁的密碼越來越復(fù)雜，想要制作一個密碼驗證，該怎么制作這個網(wǎng)頁圓形呢？下面我們就來看看詳細的教程，需要的朋友可以參考下

Axure制作的密碼輸入需要驗證驗證是否包含大寫字母，小寫字母，數(shù)字和特殊符號，但是Axure不支持正則表達式，所以做一些規(guī)則上的驗證，嵌套很多，下面我們就來分享強密碼驗證效果的制作方法，請看下文實例教程。

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

2、新建4個“空圓”圖標，4個“勾選”圖標，4個標簽及1個文本框：

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

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

如圖所示：

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

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

1）判定大寫字母

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

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

動作：顯示“圖標：大寫”，并“置于頂層”

2）判定數(shù)字

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

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

動作：顯示“圖標：數(shù)字”，并“置于頂層”

3）判定小寫字母

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

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

相關(guān)文章

最新評論