大家都知道，注冊的時候有很多的驗證，如何通過Axure來制作這個驗證那，今天小猿就給大家演示，通過這個練習，希望大家能夠掌握邏輯條件和全局變量。

我們先看一下最終的效果：

需求分析

原型設計

（1）拖入賬號輸入框account，設置最大輸入長度為10，設置輸入提示“賬號只能包含字母和數(shù)字”；

（2）拖入圖片account_img和文本account_msg，并且設置為隱藏；

（3）拖入密碼輸入框pass，設置輸入類型為密碼，設置輸入提示”密碼為6位數(shù)字“；

（4）拖入圖片pass_img和文本pass_msg,并設置為隱藏；

（5）拖入注冊按鈕；

（6）拖入文本reg_result，并設置為隱藏；

（7）設置全局變量reg_pass_correct和reg_account_correct。

交互設計

（1）設置賬號輸入框account的“失去焦點事件”：

（2）設置密碼輸入框pass的“失去焦點事件”：

（3）設置登錄按鈕的點擊事件：

到了這步，注冊的功能就算做好了，同學們趕緊去試試吧。

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

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