Axure制作的密碼輸入需要驗證驗證是否包含大寫字母,小寫字母,數字和特殊符號,但是Axure不支持正則表達式,所以做一些規則上的驗證,嵌套很多,下面我們就來分享強密碼驗證效果的制作方法,請看下文實例教程。
1、強密碼驗證原理,是判定按鍵的ASCII碼:大寫字母,ASCII碼范圍在65-90小寫字母,ASCII碼范圍在97-122數字,ASCII碼范圍在48-57特殊字符,ASCII碼范圍在33-47、58-64、91-96、123-126---**使用ASCII碼判定,是為將來驗證“連續數字或連續字母”做準備**支持的特殊字符,可按需求選擇相應的數值
2、新建4個“空圓”圖標,4個“勾選”圖標,4個標簽及1個文本框:
1)修改4個“標簽”內容分別為:大寫字母、小寫字母、數字、特殊符號
2)命名4個“勾選”圖標為:大寫、小寫、數字、特殊
如圖所示:
3、“勾選”圖標和“空圓”圖標重疊,并隱藏“勾選”圖標,具體布局如下:
4、布局完成后,就是針對“文本框”的“文本改變時”做相應的驗證動作設置,這里最主要用的到函數就是:charCodeAt(index),用來獲取按鍵的ASCII碼
1)判定大寫字母
判斷輸入的字符,ASCII碼是否在65-90的范圍內
判斷值:[[this.text.charCodeAt(this.text.length-1)]]
動作:顯示“圖標:大寫”,并“置于頂層”
2)判定數字
判斷輸入的字符,是否為數字
判斷值:[[this.text.charAt(this.text.length-1)]]
動作:顯示“圖標:數字”,并“置于頂層”
3)判定小寫字母
判斷輸入的字符,ASCII碼是否在97-122的范圍內
判斷值:[[this.text.charCodeAt(this.text.length-1)]]
新聞熱點
疑難解答