使用Axure做驗證碼之獲取驗證碼(一)


本次作業,制作驗證碼,僅完成獲取驗證碼操作,如下:

 

分析:

左圖為矩形,主要展示驗證碼(本例設置4位驗證碼),其中驗證碼為字母和數字組合;

右圖為文本輸入框,主要設置點擊事件,即點擊文本文字,矩形框中的驗證碼隨機出現四位值;

 

實現:

 1.准備相關部件:矩形1,命名為“驗證碼”,隨意輸入四個值,中間用空格隔開;文本標簽,命名為“換一張”,字體隨意設置,如下:

2.選擇文本標簽,設置鼠標點擊事件。

  第一步:新增全局變量;

  第二步,設置全局變量值ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789

  第三步,設置驗證碼元件文本值,點擊FX,插入字符串函數[[全局變量.substr(全局變量.length*Math.random(),1)]],輸入四次,中間用空格隔開

 

 

完成,點擊“確定”

F5預覽:

原形連接,歡迎下載。

鏈接: https://pan.baidu.com/s/119S-ERhKMbetLrjCH7pSUg 密碼: t5cw

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM