jQuery验证移动引导按钮附加组件

Question

我正在使用jQuery Validation插件,它工作得很好 - 但是,在我使用引导按钮附加组件的字段上,当显示所需的警报时,按钮不随文本框一起移动 - 我已经复制了问题在这里:jsfiddle

这是html:

<form id="frmPO" action="" method="get" runat="server">
<div class="form-group input-sm">
            <div class="row">
                <div class="col-sm-6">
                    <label for="txtClientContract">
                        Client Contract</label>
                    <div class="input-group">
                        <input type="text" class="form-control" id="txtClientContract" runat="server" required/>
                        <span class="input-group-btn">
                            <button class="btn btn-default" type="button" id="btnClientContracts" >
                                ...</button>
                        </span>
                    </div>
                  </br>
           <div class="row">
                <div class="form-group col-sm-4">
                    <button id="btnSavePO" type="button" class="btn btn-default">
                        Create Purchase Order</button>
                </div>
            </div>
                </div>
  </div>
  </form>

任何帮助将不胜感激,谢谢

Answer 1

这是因为输入和跨度之间的验证插件插入的标签.您可以在div标签之后手动添加错误消息的标签,如下所示: -

 <label for="txtClientContract" generated="true" class="error"></label>
 //          ^ this is id for input 

检查演示