HTML5表單驗證？比警戒盒更「優雅」的東西？

Question

可能重複：
Recommendation for javascript form validation library

我有一個HTML5登錄表單。用戶輸入他們的用戶名和密碼。目前，如果密碼不正確，則會引發提醒框通知他們。但是，警報框很醜，讓一切看起來很可怕。我正在尋找替代品，很容易實現其他人覺得更優雅的想法。有些東西你不需要點擊就可以擺脫，但對用戶來說卻是非常明顯的。

Answer 1

我的建議是檢查表單驗證漂亮的jQuery插件： http://bassistance.de/jquery-plugins/jquery-plugin-validation/

Answer 2

也許沿側違規文本框中的錯誤消息的jQuery的隱藏/顯示正是你需要的。

你的問題表明驗證是在客戶端而不是服務器端完成的。如果這不正確，您可以使用憑證對服務器進行Ajax調用。您的服務器可以在目錄或數據庫中執行查找，確定該用戶是否是有效的用戶，並做出相應的響應。

Answer 3

我同意duffymo。

如果密碼字段不正確，而不是警告框，您可以嘗試使用彩色邊框突出顯示該字段（使用濾鏡和shadowbox以獲得更好的效果），並使span元素位於密碼字段旁邊用戶輸入了錯誤的數據（您可以使用文本和圖像組合或純文本，簡潔），並在某段時間後淡出span元素。我在我公司創建的一些網頁中廣泛使用了這個概念。