需求分析
- 圖片中的驗證碼爲數字和字母的隨機組合；
- 點擊更換驗證碼實現驗證碼的更換，驗證碼隨機出現4位字母或數字；
- 驗證碼輸入時，點擊提交按鈕，若驗證碼錯誤進行錯誤提示。
元件準備
- 文本框（輸入驗證碼）；
- 矩形框（顯示生成的驗證碼）；
- 動態面板（提示驗證碼輸入結果對錯），並且設置三個動態面板提示狀態，默認爲隱藏；
- 提交按鈕；
- 文本標籤（文本提示“看不清？換一張！”）
開始製作
文本框輸入四個字符，作爲默認驗證碼，如下：
給文本標籤添加交互，如下步驟：
將變量值設置爲abcdefghijklmnopqrstuvwxyz0123456789（26個英文字母+10個數字），驗證碼的值將會在這36個字符中產生。
設置好之後，不要關閉面板，繼續在case1裏面添加，選擇設置文本，選中矩形元件，將值設爲[[OnLoadVariable.substr(OnLoadVariable.length*Math.random(),1)]]，並連續輸入4遍，中間不需要符號，完成後點確定，如下：
接下來給按鈕添加交互，先添加條件，在設置狀態。設置情形一：如果輸入框文字 == 驗證碼文字，設置面板狀態爲提示正確狀態，且設置面板狀態爲可見。具體步驟如下：
同理，設置情形二：如果輸入框文字 ！= 驗證碼文字，設置面板狀態爲提示錯誤狀態，且設置面板狀態爲可見。添加case2的條件並設置狀態，如下：
總體設置如下：
預覽效果
