内联表单前置输入的Bootstrap验证无法正常工作

Question

我正在使用此代码进行引导验证：pastebin并且它运行良好，但我在前置输入方面遇到了一些问题。

提交前

提交后

我该如何解决？

Answer 1

我为此使用'errorPlacement'。这是一个例子：

validator = $("#form").validate({
        errorPlacement: function(error, element) {
            element.parent().after(error);
        }
});

我的html看起来像这样

<div class="input-group">
    <span class="input-group-addon">Text</span>
    <input ....>  
</div>

所以errorPlacement所做的是在div（它是输入元素的父元素）之后添加错误标签，而不是在输入后将它添加到div中。