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

提问于 2024-04-26T08:33:59+08:00

浏览次

20

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

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

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

如何让标签错误保持在表单控件之下 not 将input-group-addon包装到下一行？

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

3 回答

2

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

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

回复于 2024-04-26T08:33:59+08:00
3
解决问题的最简单方法应该是在css中放置带有绝对位置属性的错误标签 . 在您的示例中，结果如下：
```
.text-danger {
    color: #a94442;
    position: absolute;
    width: 100%;
    top: 34px;
    line-height: 34px;
    left: 0px;


}
```
回复于 2024-04-26T08:33:59+08:00
4

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

你可以在这里找到它 . Bootstrap-3: Input Group-Addon STRETCHES with jQuery Validation messages.

回复于 2024-04-26T08:33:59+08:00

相关问题