HTML5表單驗證：默認=無效，這是正常行爲嗎？

我正在使用HTML5表單驗證構建表單。我有定義的CSS類input:valid和input:invalid。某些輸入字段標記爲required，但不是全部。是否正常，沒有標記爲required的字段默認是有效的，這意味着在我的情況下有綠色背景？ required字段默認無效，這很正常嗎？HTML5表單驗證：默認=無效，這是正常行爲嗎？

如果這是正常的：他們爲什麼這樣做？在我看來，在輸入內容之前將字段標記爲valid或invalid並不是非常方便用戶。有什麼我可以做的除了 JavaScript？

來源

2012-03-07 Sven

你說得對。這是非常糟糕的用戶體驗，因爲用戶首先受到「無效」字段的「懲罰」。領域是否需要，無關緊要。通常的行爲默認情況下應該是未經驗證的，並且在字段模糊（以及表單提交）或擊鍵時進行驗證。我們應該有能力選擇驗證行爲。在輸入內容時看到電子郵件字段無效也很愚蠢。我真的不喜歡這種行爲，因爲即使他們實現了它，我們仍然必須使用Javascript插件。 – 2014-01-27 09:08:13

@RobertKoritnik是的，誰讓這樣的事情讓這些人走出門外？我花了一個小時審查一個項目的html5表單驗證，現在我意識到我只是浪費了一個小時。沒有html5驗證，只是開始實施它的一個弱項嘗試。 – AwokeKnowing 2015-07-31 19:06:52

是的，這是正常的行爲。無論什麼時候用戶輸入任何內容，他都應該知道，根據需要標記的域將是無效的，直到他輸入任何與模式相匹配的東西（或任何東西:)）。

如果由於某種原因您不喜歡這種行爲 - 對不起，但您應該使用JavaScript。

來源

2012-03-07 00:48:42 RReverser

感謝您的回答！然後，我會對付它，我想。 – Sven 2012-03-07 09:55:55

HTML5表單驗證：默認=無效，這是正常行爲嗎？

回答

相關問題