小船今天要講的是【Axure制作輸入框字?jǐn)?shù)限制】。為了做出這個效果，小船瘋狂的學(xué)習(xí)…后來發(fā)現(xiàn)，嗯，其實(shí)真的挺簡單（但小船還是很有成就感了哈）。

嗯，對的，這篇是以Axure8.0為基礎(chǔ)的中文版。如果邏輯明白了，真的很簡單的，真的喲！

要求

1.字?jǐn)?shù)要求為150字

2.超過150字后自動不能輸入后面的字符

第一步：對需要的控件進(jìn)行命名

[輸入框]： ? ? ? text-box

[字?jǐn)?shù)限制]： ? words-limit

第二步：對 text-box 添加 3個【文本改變時】的事件

事件1：將text-box的 [元件文字長度] 賦予給變量 OnLoadVariable 。

注意事項(xiàng):

a.一定要選擇 [全局變量] 。配置動作中勾選OnLoadVariable。

b.一定要選擇[元件文字長度]。

事件2：當(dāng) text-box 的[元件文字長度]值>=0并且<=150時，使 [[150-OnLoadVariable]] 的值代替words-limit的值。

注意事項(xiàng):

a.對case2進(jìn)行編輯條件時，一定要選擇[元件文字長度]

b.對每個事件都要通過右鍵菜單將每個事件變?yōu)閕f xxx，而不是默認(rèn)的else if xxx。

c.這里是[設(shè)置文本]，一定要選擇[值]，對[[150-OnLoadVariable]]的輸入一定要英文輸入法，并且中間沒有空格。

事件3：當(dāng) text-box 的[元件文字長度]值>150時，將[焦點(diǎn)元件文字]賦值給NewVariable，并利用函數(shù)[[NewVariable.substring(0,150)]]對變量NewVariable中前150個字符進(jìn)行限制。

注意事項(xiàng):

a.一定要選擇 [全局變量] 。配置動作中通過[添加全局變量]添加變量NewVariable。全局變量的值要選擇[焦點(diǎn)元件文字]。

b.對第二個設(shè)置，為[設(shè)置文本]。

c.設(shè)置文本的函數(shù) 要選擇 subatr(start,length)。并將（start，length）設(shè)置為（0，150）

第三步：F5進(jìn)行測試

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