Javascript jQuery验证移动引导按钮加载项

我正在使用jQuery验证插件，它工作得很好-但是，在我使用引导按钮插件的字段中，当显示所需警报时，按钮不会随文本框一起移动-我在这里复制了这个问题：

以下是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>

客户合同
...


创建采购订单

---

任何帮助都将不胜感激，谢谢

这是因为验证插件在输入和span之间插入了标签。 您可以在div标记后手动添加错误消息的标签，如下所示：-

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

//^这是输入的id

---

这是因为验证插件在输入和span之间插入了标签。 您可以在div标记后手动添加错误消息的标签，如下所示：-

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

//^这是输入的id

---

我就是这样修复的：

$(".input-group").find("label.error").detach().insertAfter($(".input-group"));

在

警报（“无效！”）之前添加上述代码行解决了您的问题


基本上，它会找到错误消息，并将其移动到按钮组之后，以避免使用JQuery破坏结构。
我就是这样修复的：

$(".input-group").find("label.error").detach().insertAfter($(".input-group"));

在
警报（“无效！”）之前添加上述代码行解决了您的问题


基本上，这样做是为了找到错误消息并将其移动到按钮组之后，以避免使用JQuery破坏结构。
您可以添加一些自定义css或仅使用引导吗？您可以添加一些自定义css或仅使用引导吗？@leddy happy帮助您：）@leddy happy帮助您：）