在特定字段的基礎上防止HTML5驗證

Question

我希望通過JavaScript在特定領域動態地防止基於HTML5的驗證。

我有一個表單，它將有多個輸入字段，使用HTML5驗證。 字段根據相關字段中的設置動態顯示或隱藏。

我想在表單提交事件之前臨時關閉隱藏字段的HTML5驗證。 我嘗試了以下但是這似乎沒有改變willValidate屬性。

    $('input:hidden').each(function(){
    $(this).prop('willValidate',false);
});

我想出了一個我覺得很亂的作品。 它涉及為每個屬性添加類，並將pattern屬性存儲在額外的數據模式屬性中，然后根據其可見性在提交時添加和刪除相應的屬性。

有更好的解決方案嗎？

Answer 1

我會嘗試：

$('input:hidden').each(function(){
   $(this).prop('disabled', true);
});

然后驗證您的表格。 隱藏的輸入應該被忽略