你是否經(jīng)常碰到在填寫表單時，提交無數(shù)次卻還是無法通過校驗的情況；或者你是否在為不知道填寫中哪里出現(xiàn)錯誤而抓狂；再或者你是否碰到過當你填寫了一大堆信息，之后點擊按鈕提交時，校驗報錯的同時，你發(fā)現(xiàn)你所填寫的所有的信息都被清空；或者你還碰到過很多很多校驗當中出現(xiàn)的問題，那么我們現(xiàn)在就開始進行表單校驗設計的思考。

10多年的宿遷網(wǎng)站建設經(jīng)驗，針對設計、前端、開發(fā)、售后、文案、推廣等六對一服務，響應快，48小時及時工作處理。全網(wǎng)營銷推廣的優(yōu)勢是能夠根據(jù)用戶設備顯示端的尺寸不同，自動調(diào)整宿遷建站的顯示方式，使網(wǎng)站能夠適用不同顯示終端，在瀏覽器中調(diào)整網(wǎng)站的寬度，無論在任何一種瀏覽器上瀏覽網(wǎng)站，都能展現(xiàn)優(yōu)雅布局與設計，從而大程度地提升瀏覽體驗。創(chuàng)新互聯(lián)從事“宿遷網(wǎng)站設計”,“宿遷網(wǎng)站推廣”以來，每個客戶項目都認真落實執(zhí)行。

那校驗有哪些情況呢？

1、READY？

提到校驗，我們往往會聯(lián)系到提交表單后出現(xiàn)的錯誤提示類信息，但是其實在填寫表單前的提示信息與表單填寫校驗有著莫大的關系。

此類提示信息能夠幫助用戶在填寫表單前，降低出錯的可能性。它出現(xiàn)的形式分為以下幾類：

a) 簡要提示——有如：icon，icon+文字，文字，暗提示。

出現(xiàn)情況：一般提示信息比較簡短，能夠讓用戶一目了然的記住，并且不干擾表單的填寫項。

alipay.com付款頁面

alibaba.com注冊

b) 復雜提示——以縮略信息或icon來顯示，通過點擊和hover進行查看。

出現(xiàn)情況：提示信息內(nèi)容較多，需要用戶仔細閱讀，并且無法簡單記憶，直接全部顯示會影響整個表單填寫，因此此類情況需要hover或者點擊操作進行查看。hover或者點擊后有浮層，蒙板，或者跳轉(zhuǎn)新頁面等情況。

taobao.com機票登機人填寫頁

ctrip.com機票登機人填寫頁

c) 限制操作——在表單填寫前，對某些需要填寫或者操作項會有一些disabled的狀態(tài)，只有當某些條件被激活用戶才能進行操作。

出現(xiàn)情況：當填寫項與項之間帶有關聯(lián)性，前面的填寫項會影響后面填寫項的內(nèi)容或狀態(tài)；或當填寫項較少，填寫項均可以即時校驗，就可以將主提交操作項做狀態(tài)限制。

livestream.com機票登機人填寫頁

d) 其他提示——填寫表單的時候，還有一種比較特殊但又更簡單明了的提示，例如：使用圖片說明。

出現(xiàn)情況：當填寫表單項的提示說明很難用文字清晰表述，這時候可以使用圖片，視頻等輔助方式來幫助用戶快速理解。

alipay.com水電煤繳費頁面

2、ING~

當您瀏覽完整體的表單，接下來就是進行填寫的步驟。在填寫的過程中，我們會碰到很多類型的校驗，比如：即時校驗的友情類提示，即時校驗的警示提示，關聯(lián)性校驗的提示。即時的校驗也分為三種狀態(tài)一種是on focus后的幫助提示、輸入中的校驗、lost focus后的校驗。

出現(xiàn)情況：提示信息內(nèi)容較多，需要用戶仔細閱讀，并且無法簡單記憶，直接全部顯示會影響整個表單填寫，因此此類情況需要hover或者點擊操作進行查看。hover或者點擊后有浮層，蒙板，或者跳轉(zhuǎn)新頁面等情況

a) 即時校驗的友情類提示

即時校驗的友情類提示不是提交時無法通過的出錯警示，而是給到用戶一些更合理的建議或者幫助。

Ctrip.com填寫登機人頁

（當你選擇了兒童票時會提示兒童票的某些特定限制。當你輸入的出生日期與你之前選擇的購買類型不一致的時候會建議你去購買更合適的類型，但并不強制。）

Buy360.com的注冊頁

（當onfocus的時候會出現(xiàn)下方幫助提示類信息，當然也有很多網(wǎng)站會做成暗提示。）

163.com的注冊頁

（當onfocus的時候會出現(xiàn)右邊密碼的強度，會根據(jù)你輸入密碼的改變而提示你的密碼強弱。）

文章名稱：表單交互設計之二——校驗思考
分享鏈接：http://www.rwnh.cn/article32/cpjopc.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站導航、自適應網(wǎng)站、企業(yè)網(wǎng)站制作、企業(yè)建站、App開發(fā)、全網(wǎng)營銷推廣

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)