本文給大家介紹用一個中繼器實現axure登錄時賬號密碼驗證效果，一起來看看~

實現效果如下圖：

工具/原料：

• 賬號文本框
• 密碼文本框
• 登錄按鈕
• 中繼器
• 記錄密碼的文本標簽（隱藏）
• 提示框（隱藏）
• 驗證按鈕（隱藏）

方法/步驟

步驟1

設置中繼器：

1. 新增列account
2. 新增列password
3. 在中級期內輸入賬號密碼組
4. 設置中繼器每項加載時事件：設置記錄密碼的文本標簽=中繼器的password

步驟2

設置登錄按鈕鼠標單擊時事件：

1. 如果賬號密碼都為空，設置提示框文字=請輸入賬號和密碼，顯示提示框。
2. 如果賬號為空，密碼不為空，設置提示框文字=請輸入賬號，顯示提示框。
3. 如果密碼為空，賬號不為空，設置提示框文字=請輸入密碼，顯示提示框。
4. 如果賬號密碼都填了，用賬號框的文字對中繼器進行篩選，然后出發驗證按鈕的鼠標單擊時事件。

步驟3

設置驗證按鈕鼠標單擊時事件：

1. 如果中繼器可見項為0，即賬號不存在，設置提示框文字=賬號不存在，顯示提示框。
2. 如果中繼器項不為0，且密碼文本框不等于記錄密碼的文字，設置提示框文字=您輸入的賬號或密碼不正確，請重新輸入，顯示提示框。
3. 如果中繼器項不為0，且密碼文本框等于記錄密碼的文字，設置提示框文字=正在登陸，并跳轉到登陸頁面。

注意事項：本原型可在axure官網下載。

本文由 @梓賢Vigo 原創發布于人人都是產品經理。未經許可，禁止轉載

題圖來自Unsplash，基于CC0協議