幾年前當我第一次看到Twitter的表單驗證時很驚訝. 對用戶界面呆板厭煩的你應(yīng)該知道我在說什么. 當時我?guī)缀跖d奮的要跳起來.

　　Twitter精心設(shè)計的分離式表單驗證相當引人注意.當我輸入錯誤時右側(cè)彈出錯誤提示信息, 立即就能讓我消除錯誤.”在線驗證”幫助我明白什么是正確的方向. 我能感受到這種簡潔的形式是想跟我有個隨時的對話. 這是一個啟示! 我不必等待加載整個頁面來檢查這個表單添寫的是否正確.

檔案錄入軟件 　　這個體驗完全改變了我對表單的設(shè)計方法. 它讓我明白表單驗證意味著和用戶的交流并引導(dǎo)他們改正錯誤和不確定的輸入.

通用表單數(shù)據(jù)錄入系統(tǒng) 　　術(shù)語“表單驗證”可能需要一些說明集中展示。表單驗證是一門處理在一個web表單里檢查用戶提供的信息是否正確的技術(shù)實力增強。這個處理的輸出結(jié)果更多是情緒上的而不是技術(shù)上的錄入系統(tǒng)工具。表單或者指出用戶操作錯誤探索創新，或者確認提供的數(shù)據(jù)是準確的重要工具。給你一個例子：如果一個用戶在一個標簽為“email address”的表單字段里提供了數(shù)據(jù)積極拓展新的領域，表單應(yīng)該檢查提供的文本是否在正確的格式([email protected])和提供的e-mail地址是否已經(jīng)注冊了。

　　通常來說更優質，有兩種類型的表單驗證：

　　提交后驗證——當用戶提供了所有數(shù)據(jù)同時提交表單之后相對開放，通常會點擊按鈕，信息會發(fā)送到服務(wù)器同時進行驗證脫穎而出。“驗證器”的返回信息發(fā)送會用戶的電腦同時它顯示一段確認的信息(“所有東西都正確!”)或者一系列的錯誤信息拓展應用。

　　在線驗證——驗證信息在用戶輸入數(shù)據(jù)到表單字段后直接展示。通常結構，信息會展示在字段旁邊同時鼓勵用戶采取直接行動管理。

　　表單驗證的重要性

　　表單驗證是web/手機瀏覽者與界面交互時重要的一個核心溝通流程。它的重要性遠超過我們所認識到的能力建設，不相信我?試想一下你經(jīng)常遇到的需要表單驗證的情形:

　　注冊/登錄表單

　　購物車 – 支付表單

　　郵件表單

　　在你的界面整個流程中這是一些重要的流程模樣，不是嗎?你業(yè)務(wù)方面的努力可能全體現(xiàn)在這里了。.

　　比較一下在線和離線兩種狀態(tài)下的不同服務，這會讓事情進入一個熟悉的視角很重要。讓我們做一個簡單的類比：表單驗證相當于在購買東西之前和推銷員之間的一次談話-所有的事情還在成交的邊緣上。如果推銷員粗魯無禮并且拒絕提供幫助覆蓋，你自然會離開商店不買他的東西.異常狀況。如果推銷員很專業(yè)，有禮貌并且樂于助人-你就會樂意掏錢包了錄入軟件高效。

　　大多數(shù)表單驗證都像是個粗魯無禮的推銷員應用創新。表單的錯誤提示信息形如：“數(shù)據(jù)庫錯誤!”，“錯誤的郵箱地址!”這樣的提示不僅沒有禮貌-還會導(dǎo)致用戶的高流失率機構。

　　缺乏溝通導(dǎo)致了不友好的業(yè)務(wù)設(shè)計的特性，有很多類似的例子。Luke Wroblewski進行的研究清楚地表明了使用一個內(nèi)聯(lián)的表單驗證將帶來巨大的不同效果:

　　“相比我們的控制版本基礎，內(nèi)聯(lián)驗證表單對數(shù)據(jù)的驗證信息顯示更加醒目并且更加友好提供堅實支撐。尤其是，我們看到的:

　　增加了22%的成功率檔案錄入軟件,

　　減少了22%的錯誤率,

　　增加31%的滿意度,

　　完成時間縮短42%,

　　減少了47%時間的視覺停留高質量。

　　這些不能被忽視。合理的表單驗證設(shè)計可能會大幅的提升你的業(yè)務(wù)量!

　　我們來跳出理論進入實踐選擇適用，讓我們看看在實際設(shè)計中什么才是最好的設(shè)計方法管理，并且通過循序漸進的方式來設(shè)計一個完美的表單驗證。

　　興奮了吧?