分享一下我整理的文本框在多種使用場景的輸入規則，適用於社交，電商，o2o領域的初級PM查閱借鑒。

只有經驗的結論，沒有過程介紹哦。也可以直接點擊查看浪子PRD模板，長期更新。

整理這樣一份文檔有這樣2大作用，①有助於後端童鞋在設計數據表的時候定義數據類型，區間，邊界等。當然大部分公司這個事情是後端默默的替PM做掉了。②有助於前端童鞋設定好輸入的交互規則，亦可避免提交到服務端判斷的錯誤做法。

第一步 整理文本框輸入規則

先po下我整理的內容，基本上適用於大部分的app，點擊圖片可以看清晰的大圖。

第二步 寫規則到具體頁面

當然你除了需要整理這張表之外，我建議你在具體頁面的文本框旁邊，也要寫上相應的輸入規則。這樣方便前端童鞋寫頁面層。

第三步 補充通用規則

當然這裡我們會發現一個問題，就是好像缺點什麼。

第四步 查看PRD

生成原型頁面後，查看對應的頁面。查看注釋tab。

請仔細看，你會發現選中左方tab-notes中的某一個模塊，右方會高亮選中控制項的邊緣。標註這個文本框對應的注釋是哪些。比拖拉一個便簽好用太多。

這個功能很適合於控制項和交互特別複雜的頁面，比如購物車頁面，確認訂單頁面。

下次我就講講axure8這個新功能，目前沒看到有其他人寫過相應的經驗技巧。

點擊下載rp源文件

作者：浪子，關注公眾號langzisay查看全部文章，浪子PRD系列http://51prd.com。

推薦閱讀：