jQuery「isHTML5Error」-like function

Question

我試圖在用戶需要單擊「下一步」按鈕來顯示下一步的一個頁面上創建分步表單。

所以，這裏的問題：是否有一個jQuery函數（或只是JS），檢查表單是否有一些HTML5錯誤「現在」？那麼下一步不會顯示該步驟中是否有任何錯誤？

Answer 1

只需使用.prop()檢查有效性：

if ($(selector).prop('validity').valid) { 
    // do stuff 
} 

工作演示：http://jsfiddle.net/jhn9Z/

這也可以用於組驗證，而我敢肯定還有其他的方法去這個問題，一個簡單的方法是查看所有字段的數量（數量，長度？）是否與所有有效字段的數量匹配。

工作演示：http://jsfiddle.net/jhn9Z/1/

這工作，因爲字段是自動有效的，如果沒有required（或pattern等）的屬性集。