问Bootstrap 3表单使用JQuery验证的input-group-addon包装错误标签
EN

Stack Overflow用户

提问于 2018-02-26 07:26:53

回答 2查看 0关注 0票数 0

使用带有Jquery-Validate的form-group和input-group标签，使用Bootstrap 3。当Jquery.Validate运行错误时，它会在输入组中添加标签错误控制。

问题在于，当Jquery Validate添加标签错误控件时，input-group-addon会封装到表单字段下面的下一行。

如何让标签错误留在表单控件下，而不是将input-group-addon包装到下一行？

是的，我知道这个解决方案 - 效果很好，但仍然没有为表单横向排列错误标签： Bootstrap 3 with jQuery Validation Plugin

发布于 2018-02-26 16:08:57

必须将标签移出输入组之外。一旦这样做，就会执行预期的行为：表单标签到左边，字段到右边，以及字段下面的错误。

票数 0

发布于 2018-02-26 17:11:59

解决问题的最简单方法应该是在CSS中放置带有绝对位置属性的错误标签。在你的示例中，结果如下：

.text-danger {
    color: #a94442;
    position: absolute;
    width: 100%;
    line-height: 34px;
    margin-left: 8px;
}

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/-100004165

复制

相似问题

问Bootstrap 3表单使用JQuery验证的input-group-addon包装错误标签EN