我正在使用boostrap 5浮动标签代码段和jquery验证，但是当显示错误消息时，它与两个标签都冲突。

请参见所给截图：

我的代码是:

<div class="form-floating mb-3">
    <input type="text" class="form-control" placeholder="Name" name="name" required>
    <label>Name</label>
</div>

我希望引导类add（）在获取错误时使用

<div class="form-floating mb-3">
    <input type="text" class="form-control" placeholder="Name" name="name" required>
    <label>Name</label>
</div>

如何将其与带有引导浮动标签表单的jquery验证脚本一起使用。

顺晟科技：

用简单的脚本解决了这个问题。我在下面创建了一个代码片段: