0123456789abcdefghijklmnopqrstuvwxyz，yzm默認(rèn)值為空；

二、添加用例

1、頁面用例。在進(jìn)入頁面時(shí)，首先要有個(gè)驗(yàn)證碼的，所以給頁面添加“頁面載入時(shí)”用例，目的是在進(jìn)入頁面時(shí)就能動(dòng)態(tài)生成一個(gè)驗(yàn)證碼(例子中的驗(yàn)證碼為4位，各位看官可以自行設(shè)計(jì))；

①首先通過隨機(jī)獲取“OnLoadVariable”變量中的一位字符，然后將獲取的字符賦值給“yzm”變量。獲取“OnLoadVariable”變量的一位字符通過數(shù)學(xué)函數(shù)Math.random()和字符串函數(shù)substr()聯(lián)合使用得到的。這里要注意一下，因?yàn)椤癘nLoadVariable”變量的初始值是“0~z”共36位，所以我們要截取“OnLoadVariable”的一位字符就必須是下標(biāo)為“0~35”的整數(shù)，所以使用數(shù)學(xué)函數(shù)Math.floor()向下取整，這樣剛剛好能取到“0~35”之間的所有整數(shù)。有一點(diǎn)需要注意的是：每一次賦值給“yzm”變量的時(shí)候，都是在原來的基礎(chǔ)上增加了新截取的一位字符，所以需要把“yzm”原來的值加上新獲取的字符一起賦給“yzm”。

②將“yzm”變量的值賦給“驗(yàn)證碼”矩形框?yàn)槲淖謨?nèi)容。為了讓驗(yàn)證碼顯示的逼真一些，這里把“驗(yàn)證碼”矩形框的字體設(shè)置成個(gè)性一點(diǎn)的字體和顏色，所以我選擇了富文本，其實(shí)在工具欄中設(shè)置也是一樣的。

③添加一個(gè)觸發(fā)事件到頁面。Axure8.0中增加了觸發(fā)事件的動(dòng)作，個(gè)人覺得非常贊，放在這里使用，感覺有些像開發(fā)語言中的循環(huán)語句了。這里會(huì)通過這個(gè)觸發(fā)事件再次執(zhí)行頁面的“頁面載入時(shí)”，達(dá)到每次獲取一個(gè)字符的效果。

2、輸入框用例。用于判斷輸入驗(yàn)證碼是否正確，添加“按鍵松開時(shí)”用例，通過“輸入框”文字長(zhǎng)度和文字內(nèi)容是否等于“驗(yàn)證碼”矩形框文字內(nèi)容判定。

①如果“輸入框”文字長(zhǎng)度等于4且文字內(nèi)容等于“驗(yàn)證碼”矩形框的文字內(nèi)容，那么久認(rèn)為驗(yàn)證碼輸入的對(duì)的，我們就給出正確的提示，顯示“提示信息”動(dòng)態(tài)面板中“對(duì)”的狀態(tài)。

②如果“輸入框”文字長(zhǎng)度等于4，但文字內(nèi)容不等于“驗(yàn)證碼”矩形框的文字內(nèi)容，那么就給出錯(cuò)誤的提示，顯示“提示信息”動(dòng)態(tài)面板中“錯(cuò)”的狀態(tài)。

③其他情況就直接隱藏掉“提示信息”動(dòng)態(tài)面板，并給出任何提示。

3、換一張用例。更換驗(yàn)證碼的作用，實(shí)現(xiàn)起來相當(dāng)?shù)娜菀?，首先把“?yàn)證碼”、“輸入框”和“yzm”的值都清空，并且隱藏掉“提示信息”動(dòng)態(tài)面板，然后直接“觸發(fā)事件”到頁面的“頁面載入時(shí)”即可，這樣就直接執(zhí)行頁面的“頁面載入時(shí)”用例，新的驗(yàn)證碼就出現(xiàn)了；

三、預(yù)覽

好了，開始按你的F5鍵吧！

本文由 @ 無淚 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。