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

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

（圖14）

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

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

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

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

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