使用带有Jquery Validate的input-group-addon包装错误标签的Bootstrap 3表单

使用带有表单组的Bootstrap 3和使用Jquery-Validate的表组和输入组标签。 当Jquery.Validate运行错误时，它会在输入组中附加标签错误控件。

问题是当Jquery Validate添加标签错误控件时，input-group-addon将换行到表单字段下面的下一行。

查看： http ： //www.bootply.com/114554

如何将标签错误保留在表单控件下并且不将input-group-addon包装到下一行？

是的，我知道这个解决方案 – 效果很好，但仍然没有为form-horizo​​ntal 排序错误标签： 使用jQuery Validation Plugin启动3

Answer 1

解决了另一种方式： http ： //www.bootply.com/2liEuyqrAb

不得不将标签移到输入组之外。 完成后，执行了预期的行为：表单标签为左，字段为右，以及错误字段。

Answer 2

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

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

Answer 3

我为另一个用户提出了这个问题的解决方案，同样的问题。

你可以在这里找到它。 Bootstrap-3：使用jQueryvalidation消息输入Group-Addon STRETCHES。