修复错误后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');
});