第一步：根據(jù)圖14所示，使用矩形部件、文本輸入框、標(biāo)簽和復(fù)選框部件創(chuàng)建會員注冊模塊，并按圖所示分別給部件命名。

此時，昆明網(wǎng)站制作小編認(rèn)為細(xì)心的讀者根據(jù)圖14中文本輸入框里面的文字提示可以看出，該注冊模塊對的要求是：用戶名長度5-15個字符，密碼長度6-20個字符，確認(rèn)密碼必須與登錄密碼一致，驗(yàn)證碼必須與右側(cè)矩形中的驗(yàn)證碼一致。

（圖14）

該案例要實(shí)現(xiàn)的交互效果是：當(dāng)用戶單擊【立即注冊】按鈕時進(jìn)行判斷，如果某個文本輸入框不符合要求則顯示紅色錯誤提示；如果某個文本輸入框符合要求則隱藏錯誤提示；如果全部輸入框都符合要求，則隱藏錯誤提示并在當(dāng)前窗口打開page1。

根據(jù)昆明網(wǎng)站建設(shè)小編對上面的語言描述我們可以得出實(shí)現(xiàn)該交互的思路。

1．要給每一個文本輸入框添加條件判斷，因?yàn)榉蠗l件的要隱藏錯誤提示，不符合條件的要顯示錯誤提示。

2．每次單擊登錄注冊按鈕時，所有的文本輸入框都要執(zhí)行判斷，因?yàn)橛脩艉苡锌赡苤痦?xiàng)修正錯誤，因此會進(jìn)行多次單擊注冊按鈕的嘗試，所以要及時給予反饋。

3．要對所有文本輸入框的條件進(jìn)行判斷，因?yàn)橹挥兴休斎肟虻臈l件全部符合要求時，才能觸發(fā)注冊成功跳轉(zhuǎn)到page1的動作。