4.10　输入验证码

案例描述

在文本框中输入4位字母或者数字时，将提示“对”或“错”，当输入的内容等于验证码中的内容时，则显示正确的图标；否则显示错误的图标。单击“换一张”，将随机更换验证码，如图4-82所示。

图4-82　输入验证码

当在文本框中输入小于3位的字母或数字时，不提示任何信息。

思路分析

• ▷　为动态面板添加两个状态：提示验证码输入正确的图标和提示输入错误的图标。
• ▷　添加全局变量。
• ▷　添加“页面载入时”事件，当页面载入时随机生成一个验证码。
• ▷　为输入框添加“按键松开时”事件，判断input文本框元件的文字长度和文字内容是否等于Code矩形框的文字内容。
• ▷　更换验证码：将input输入框、Code矩形元件、validate都清空。

本案例的具体操作步骤请参见资源包。