jQuery驗證插件 - 在場焦點上隱藏錯誤標籤

Question

我想要在用戶單擊「提交」時出現錯誤標籤。 但是，當用戶關注某個字段時，即使仍然存在錯誤，錯誤消息也會消失， 。 用戶再次點擊提交時會看到錯誤消息。

如何關閉默認功能？ （現在，在提交時出現錯誤，然後在錯誤消失之前不會消失，但是我正在使用有限的空間，我將標籤放置在輸入字段的正上方，所以我需要標籤在消失時消失現場已被選中。）

感謝

Answer 1

您可以手動隱藏自己的郵件通過一個功能附加到.focus()隱藏該字段的驗證消息。類似於（未經測試）：

$(function() { 
    $("input").focus(function() { 
     $(this).prev().hide(); 
    }); 
}); 

Answer 2

默認行爲是在DOM中的輸入之後立即插入驗證元素。所以你可以使用CSS來隱藏標籤

input:focus + .field-validation-error { display: none; }