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

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

（圖14）

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

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

1．要給每一個文本輸入框添加條件判斷，因為符合條件的要隱藏錯誤提示，不符合條件的要顯示錯誤提示。

2．每次單擊登錄注冊按鈕時，所有的文本輸入框都要執(zhí)行判斷，因為用戶很有可能逐項修正錯誤，因此會進行多次單擊注冊按鈕的嘗試，所以要及時給予反饋。

3．要對所有文本輸入框的條件進行判斷，因為只有所有輸入框的條件全部符合要求時，才能觸發(fā)注冊成功跳轉(zhuǎn)到page1的動作。