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

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

（圖14）

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

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

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

2．每次單擊登錄注冊(cè)按鈕時(shí)，所有的文本輸入框都要執(zhí)行判斷，因?yàn)橛脩?hù)很有可能逐項(xiàng)修正錯(cuò)誤，因此會(huì)進(jìn)行多次單擊注冊(cè)按鈕的嘗試，所以要及時(shí)給予反饋。

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