取消隱藏時，如何防止jquery驗證突出顯示我的字段？

Question

在我的表單上，我有許多可選字段，只有在提供了先前的復選框或單選按鈕值的情況下才需要。 為了保持表格清潔，我將隱藏這些其他字段，直到需要它們為止。

我遇到的問題是，當取消隱藏這些字段時，它們會像出現錯誤一樣被突出顯示，很可能是因為將它們標記為有條件的。 有什么辦法可以防止這種情況的發生，因此驗證僅在提交時進行？

我正在使用ExpressiveAnnotations，並且不干擾用戶的驗證將所有內容都連接了起來。 我的jquery驗證配置是：

$.validator.setDefaults({
    highlight: (element) => {
        $(element).closest('.form-group').addClass('has-error');
    },
    unhighlight: element => {
        $(element).closest('.form-group').removeClass('has-error');
    }
});

為了隱藏或顯示額外的字段，我將它們包裝在div並使用名為hidden的類切換可見性。

Answer 1

我確定您已嘗試使用

display:block;

代替

visibility:visible;

在您的CSS中。