jQueryvalidation移动引导按钮附加组件

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

这是html：

 
 
 
  Client Contract 
    ...  
 
 
 
  Create Purchase Order 
 
 
 
  

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

Answer 1

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

   // ^ this is id for input 

检查演示

Answer 2

这就是我修复它的方法：

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

在alert("not valid!");之前添加上面的代码行alert("not valid!"); 解决了你的问题。

这是JSFiddle演示

基本上它的作用是找到错误消息并将其移动到按钮组之后，以便不使用JQuery破坏结构。