第一步：根据图14所示，使用矩形部件、文本输入框、标签和复选框部件创建会员注册模块，并按图所示分别给部件命名。

此时，昆明网站制作小编认为细心的读者根据图14中文本输入框里面的文字提示可以看出，该注册模块对的要求是：用户名长度5-15个字符，密码长度6-20个字符，确认密码必须与登录密码一致，验证码必须与右侧矩形中的验证码一致。

（图14）

该案例要实现的交互效果是：当用户单击【立即注册】按钮时进行判断，如果某个文本输入框不符合要求则显示红色错误提示；如果某个文本输入框符合要求则隐藏错误提示；如果全部输入框都符合要求，则隐藏错误提示并在当前窗口打开page1。

根据昆明网站建设小编对上面的语言描述我们可以得出实现该交互的思路。

1．要给每一个文本输入框添加条件判断，因为符合条件的要隐藏错误提示，不符合条件的要显示错误提示。

2．每次单击登录注册按钮时，所有的文本输入框都要执行判断，因为用户很有可能逐项修正错误，因此会进行多次单击注册按钮的尝试，所以要及时给予反馈。

3．要对所有文本输入框的条件进行判断，因为只有所有输入框的条件全部符合要求时，才能触发注册成功跳转到page1的动作。