顯示錶單錯誤與HTML5的新的輸入類型

Question

目前，HTML5的新的輸入類型，

<input type="number"...> 
<input type="email"...> 
<input type="url"...> 

單純強調任何違規的文本框用在表單提交的不匹配用戶輸入。

問題：聚焦很好。然而，這是一種告訴用戶爲什麼表單不提交的非常微妙的方式。

哪一個是更好的解決方案，讓用戶知道什麼是錯的：

• 一個焦點文本框添加的CS 添加背景顏色。它仍然是 稍微微妙和用戶可能不會立即明白爲什麼一個 特定文本框的重點。
• Javascript驗證（jQuery 驗證插件）用於顯示錯誤消息。在這種情況下，我不妨使用普通輸入類型，並在這裏做所有事情。

歡迎提出建議！

Answer 1

據好老可用性啓發：

錯誤預防： 多好啊錯誤信息更妙 是一個精心設計，防止 問題在第一 未然。要麼消除容易出錯的 條件或檢查它們，要麼 向用戶提供確認 選項，然後才落實到 操作。

幫助用戶識別，診斷 ，並從 錯誤恢復：錯誤消息應該 用通俗易懂的語言（不 碼）來表達，精確指示 問題，並建設性地提出一個 解決方案。

http://www.useit.com/papers/heuristic/heuristic_list.html

最好的選擇是明確告知有關該錯誤的用戶（不只是在那裏已經發生了，而且爲什麼...）。在此之上，UI應該足夠清晰，以防止用戶不允許輸入。

恕我直言，你可以使用JQuery進行錯誤處理，仍留下html5類型，它們在語義上比普通輸入類型更好。

Answer 2

讓它們變紅。