【发布时间】:2014-07-24 00:01:45
【问题描述】:
我正在使用 Twitter Bootstrap 和 jqBootstrapValidation 插件来验证表单输入数据。
当用户在<input type="email" name="email" required/>输入框内输入不输入数据并尝试提交表单;消息“这是必填字段”。出现在输入框下方。如何使该消息显示在输入框之后(不在下一行)。
【问题讨论】:
我正在使用 Twitter Bootstrap 和 jqBootstrapValidation 插件来验证表单输入数据。
当用户在<input type="email" name="email" required/>输入框内输入不输入数据并尝试提交表单;消息“这是必填字段”。出现在输入框下方。如何使该消息显示在输入框之后(不在下一行)。
【问题讨论】:
确保错误所在的容器(在本例中为p.help-block)是display: inline 或float: right,并且在输入后也有足够的空间,如果没有,则无法正常工作。
请注意,这也有一些副作用,例如,如果您在输入后有某种帮助文本,此更改也会将它们移动到输入旁边。
【讨论】:
为了让它工作,我还必须将输入本身设置为“显示:内联”,因为“表单控制”类的输入似乎默认使用“显示:块”。
【讨论】: