第七步:現(xiàn)在【立即注冊】按鈕的交互如圖24所示,通過圖中的顏色提示可以看到,第一個用例中的條件是If語句,而其余的三個是Else if語句,這就是只顯示name_error的問題所在了。
(圖23)
(圖24)
昆明網(wǎng)站建設小編總結原因在于以下三點。
1.在Axure中多用例是自上至下按順序執(zhí)行的。
2.If結構語句是始終執(zhí)行的。
3.Else if結構語句是它上面一個用例未滿足條件時,則執(zhí)行該用例;如果滿足條件就不再向下執(zhí)行。也就是如果Case1滿足條件時,就不再向下執(zhí)行Case2;如果Case1未滿足條件時,則向下執(zhí)行Case2。
要用文字描述解釋If和Else if 邏輯比較拗口,現(xiàn)在請你再次單擊【預覽】按鈕,在瀏覽器中對原型做如下幾次測試。
1.不輸入任何內容,單擊【立即注冊】按鈕(只顯示name_error)。
2.輸入不符合要求的用戶名,單擊【立即注冊】按鈕(只顯示name_error)。
3.輸入符合要求的用戶名,單擊【立即注冊】按鈕(name_error隱藏, pwd_error顯示)。
通過上述操作后,你應該對 If和Else if 結構語句有了更深的理解。
下面昆明網(wǎng)站制作小編就來修復這個問題,同時選中Case2、Case3和Case4這三個用例,單擊右鍵,在彈出的關聯(lián)菜單中選擇【切換為<If>或<Else if>】,見圖25,切換后所有用例中的條件都變成了If結構,見圖26。
再次預覽效果,在瀏覽器中進行測試,此時的原型已經(jīng)實現(xiàn)了我們之前設置的交互效果了,不過到這里還沒有實現(xiàn)完整功能,當用戶按要求輸入所需內容后點擊【立即注冊】按鈕,要隱藏所有錯誤提示并在當前窗口打開page1。下面繼續(xù)進行設置。
(圖25)
(圖26)
當前文章標題:會員注冊多條件判斷之第七步
當前URL:http://m.ww44088.com/news/wzzz/3448.html
上一篇:會員注冊多條件判斷之第六步
下一篇:會員注冊多條件判斷之第八步