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

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

百度經(jīng)驗   發(fā)布時間:2018-07-17 16:35:53   作者:goodbyte01   我要評論
Axure怎么設(shè)計網(wǎng)頁強密碼驗證效果?現(xiàn)在網(wǎng)頁的密碼越來越復雜,想要制作一個密碼驗證,該怎么制作這個網(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ù)字母”做準備**支持的特殊字符,可按需求選擇相應的數(shù)值

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

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

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

如圖所示:

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

4、布局完成后,就是針對“文本框”的“文本改變時”做相應的驗證動作設(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)]]

動作:顯示“圖標:小寫”,并“置于頂層

4)判定特殊符號

**因為特殊符號分屬4個范圍,為符合條件判定,需要做4個范圍的判定,這里僅舉例1個做范例,其他可參考補全

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

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

動作:顯示“圖標特殊”,并“置于頂層”

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

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

動作:隱藏“圖標:大寫、圖標:數(shù)字、圖標:小寫、圖標:特殊”

所有動作匯總截圖如下:

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

以上就是axure強密碼驗證效果的制作方法,希望大家喜歡,請繼續(xù)關(guān)注腳本之家。

相關(guān)推薦:

Axure網(wǎng)頁怎么添加樹狀控件?

axure怎么設(shè)計密碼輸入框的原型?

Axure RP怎么制作彈出菜單的效果?

相關(guān)文章

最新評論