檢測(cè)輸入的字符數(shù)量

添加 OnKeyUp Case

http://wiki.jikexueyuan.com/project/axure/images/advanced-conditional-logic-autotab-fields-tutorial1.png" alt="image" />

首先，打開(kāi)AxureAutoTab.rp打開(kāi) Auto-Tab 頁(yè)面。 選擇第一個(gè)文本字段，添加一個(gè) Case 到 OnKeyUp 事件。在 Case 編輯器中，單擊“添加條件”打開(kāi)條件生成器。

構(gòu)建條件

http://wiki.jikexueyuan.com/project/axure/images/advanced-conditional-logic-autotab-fields-tutorial2.png" alt="image" />

在條件構(gòu)建器，設(shè)置行為“AreaCode 中部件的長(zhǎng)度值等于3”。
單擊 OK 并關(guān)閉條件生成器。

聚焦到下一個(gè)字段

http://wiki.jikexueyuan.com/project/axure/images/advanced-conditional-logic-autotab-fields-tutorial3.png" alt="image" />

在 Case 編輯器中選擇 Focus，然后單擊 MiddleDigits 的復(fù)選框。

單擊 OK 并關(guān)閉編輯器。

重復(fù)步驟設(shè)置中間的文本字段

http://wiki.jikexueyuan.com/project/axure/images/advanced-conditional-logic-autotab-fields-tutorial4.png" alt="image" />

重復(fù)步驟1到3設(shè)置中間的文本字段。而且為中間的文本字段設(shè)置同樣的條件，并且把操作設(shè)置為聚焦到最后的文本字段。

為最后文本字段添加條件

http://wiki.jikexueyuan.com/project/axure/images/advanced-conditional-logic-autotab-fields-tutorial5.png" alt="image" />

在最后的文本字段，添加一個(gè) OnKeyUp 事件，這一次把條件設(shè)為“最后的小部件的長(zhǎng)度值等于4”。
單擊 OK，并關(guān)閉條件生成器。

添加 Show 操作

http://wiki.jikexueyuan.com/project/axure/images/advanced-conditional-logic-autotab-fields-tutorial6.png" alt="image" />

在 Case 編輯器中，選擇“顯示”行動(dòng)并單擊 SubmitButton 的復(fù)選框。 現(xiàn)在，當(dāng)用戶(hù)輸入4位數(shù)在文本框中，隱藏的提交按鈕將顯示出來(lái)。

預(yù)覽原型并測(cè)試它吧！

總結(jié)

你的電話(huà)號(hào)碼和社交保密文本永遠(yuǎn)都不相同的了。
還需要其他幫助嗎？查看論壇或聯(lián)系我們 support@axure.com