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

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

（圖14）

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

根據昆明網站建設小編對上面的語言描述我們可以得出實現該交互的思路。

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

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

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