HTML5 valide重新輸入值

Question

我剛剛在註冊表單客戶端驗證中首次使用了HTML5模式屬性。它運行良好，我打算將它用於實時代碼。

在我的註冊表中，我有一個re-enter password輸入字段。

正如我認爲重新輸入值經常使用，我想知道：確實存在一些花哨的HTML5機制來檢查重新輸入的值是否與首次輸入的值匹配。或者我仍然需要在JavaScript中這樣做？

Answer 1

不是。

HTML5引入了一個<output>元素，該元素應該表示某些計算的結果（如比較兩個值）。您可以使用其for屬性將其與頁面上影響其結果的輸入相關聯。但問題在於：

• 您仍然需要JavaScript才能真正進行計算。
• Firefox的渲染引擎（Gecko）允許您爲<output>(see this page from the Mozilla documentation)指定有效性約束和錯誤消息，但其他渲染引擎可能不會（也可能不會）。
• 許多非常常用的瀏覽器不支持HTML5表單驗證（通常是HTML5功能）。例如，anyone visiting your site using Internet Explorer < 10 or using most mobile browsers won't be able to use the form validation.

如果你想提供即時驗證反饋，最好的辦法是使用JavaScript，爲確保您再次驗證服務器上的數據。