使用Axure做驗證碼之校驗驗證碼(二)


本次作業,輸入驗證碼,並校驗驗證碼是否正確。上篇文章,介紹了如何獲取驗證碼,本次作業在上次作業的基礎上,做進一步的深究。

1.在上次作業中,增加新的元件:

  文本框,命名:輸入驗證碼;

  增加熱區,命名為:具體提示信息,設置值為:正確,錯誤

  

  熱區樣式,初始化為隱藏

  

 

 

元件設置完成,如下:

 

實現步驟:

設置輸入框用例:主要的作用就是為了檢查每次輸入完成之后,驗證碼是否正確,如果正確,則提示信息,顯示為“√”,如果錯誤,則提示信息顯示為“×”,添加“按鍵松開時”用例,即,每次輸入完成,松開按鍵時完成用例。

驗證信息為:

  1.文字長度:if等於4,則正確,否則錯誤

  2.文字內容:if 等於驗證碼內容則正確,否則錯誤

 

 

 

 

 

 錯誤設置,如上。

 最后,隱藏提示信息,略。

設置完的用例信息如下:

預覽:

原形見連接,歡迎下載:

鏈接: https://pan.baidu.com/s/1XOSLO2lBpDocDaoeaiRlzQ 密碼: 6a8c

 


免責聲明!

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



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