修复错误后的 Bootstrap 4 beta 服务器端验证

Question

我使用的是 Bootstrap 4.0.0.beta，我可以通过将.is-invalid 类添加到提交时无效的输入来添加服务器端验证。但是，当用户修复此输入中的错误时（例如，通过填充必需但未填充的输入），输入仍然具有 .is-invalid 类，所以我认为这可能会让用户有些困惑，因为他们可以认为输入仍然无效（即使不是）。

解决这个问题的最优雅的方法是什么？我正在考虑要么结合客户端验证，要么只通过 Javascript 使用 .is-invalid 类监听输入的变化，并且每当它们被填充时，删除该类。

Answer 1

这应该通过使用Javascript来实现。

如果 keyup 事件足够了，你可以这样做：

内嵌 Javascript

<input type="text" class="is-invalid" onkeyup="this.classList.remove('is-invalid')">

jQuery

<input type="text" class="is-invalid">

-

$('input').keyup(function () {
    $(this).removeClass('is-invalid');
});