本文給大家介紹用一個(gè)中繼器實(shí)現(xiàn)axure登錄時(shí)賬號(hào)密碼驗(yàn)證效果，一起來(lái)看看~

實(shí)現(xiàn)效果如下圖：

工具/原料：

• 賬號(hào)文本框
• 密碼文本框
• 登錄按鈕
• 中繼器
• 記錄密碼的文本標(biāo)簽（隱藏）
• 提示框（隱藏）
• 驗(yàn)證按鈕（隱藏）

方法/步驟

步驟1

設(shè)置中繼器：

1. 新增列account
2. 新增列password
3. 在中級(jí)期內(nèi)輸入賬號(hào)密碼組
4. 設(shè)置中繼器每項(xiàng)加載時(shí)事件：設(shè)置記錄密碼的文本標(biāo)簽=中繼器的password

步驟2

設(shè)置登錄按鈕鼠標(biāo)單擊時(shí)事件：

1. 如果賬號(hào)密碼都為空，設(shè)置提示框文字=請(qǐng)輸入賬號(hào)和密碼，顯示提示框。
2. 如果賬號(hào)為空，密碼不為空，設(shè)置提示框文字=請(qǐng)輸入賬號(hào)，顯示提示框。
3. 如果密碼為空，賬號(hào)不為空，設(shè)置提示框文字=請(qǐng)輸入密碼，顯示提示框。
4. 如果賬號(hào)密碼都填了，用賬號(hào)框的文字對(duì)中繼器進(jìn)行篩選，然后出發(fā)驗(yàn)證按鈕的鼠標(biāo)單擊時(shí)事件。

步驟3

設(shè)置驗(yàn)證按鈕鼠標(biāo)單擊時(shí)事件：

1. 如果中繼器可見(jiàn)項(xiàng)為0，即賬號(hào)不存在，設(shè)置提示框文字=賬號(hào)不存在，顯示提示框。
2. 如果中繼器項(xiàng)不為0，且密碼文本框不等于記錄密碼的文字，設(shè)置提示框文字=您輸入的賬號(hào)或密碼不正確，請(qǐng)重新輸入，顯示提示框。
3. 如果中繼器項(xiàng)不為0，且密碼文本框等于記錄密碼的文字，設(shè)置提示框文字=正在登陸，并跳轉(zhuǎn)到登陸頁(yè)面。

注意事項(xiàng)：本原型可在axure官網(wǎng)下載。

本文由 @梓賢Vigo 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來(lái)自Unsplash，基于CC0協(xié)議