Javascript Jquery验证错误显示在"；贴上“标签”；。如何修复它？

我的表单是使用“引导”样式制作的。为了检查输入字段，我使用“jquery”验证。带有名称的标签位于输入的顶部，当您单击输入时，“标签”移到“输入”上方。单击“下一步”时，错误“验证”显示在带有名称的“标签”顶部，并且应位于“输入”下。如何修复，使“标签”移到“输入”上方，而错误移到“输入”下方？

#第二步、第三步、第四步、第五步{
显示：无；
}
.表格组标签
{
位置：绝对位置；
顶部：3px；
指针事件：无；
左：20px；
过渡：.5s；
}
.container.form组输入：focus~label，
.container.form组输入：有效~label
{
左：20px；
顶部：-20px；
颜色：rgb（66133244）；
字体大小：12px；
字体大小：粗体；
}
$（文档）.ready（函数（e）{
$.validator.addMethod（“minlenghtname”，函数（值，元素）{
返回/^[a-z]+$/i.test（值）；
}，“与格式不匹配”）；
$.validator.addMethod（“requiredname”，函数（值，元素）{
返回值.length>2；
}，“填写此字段”）；
var v=$（“#注释形式”）。验证({
规则：{
fname：{
requiredname:true，
minlenghtname:true
},
名称：{
requiredname:true，
minlenghtname:true
}
},
submitHandler:function（）{
警告（“已提交，谢谢！”）；
}
})
$（“.next1”）。单击（函数（）{
if（v.form（））{
$（“#步骤2”）.show（）；
$（“#步骤1”）.hide（）；
$（“#progressText”）.html（“第2步，共4步”）；
}
});
});
第1步，共4步
名字：
姓氏：


下一个

验证还使用标签来显示错误，因此每个字段都有双标签。来自验证的类带有

error

类，因此您可以将它们作为目标并正常显示：

.form-group label.error {
  position: static;
}

或者像标签一样对待它，但向下移动：

.form-group label.error {
  top: 35px;
}

---

一切都变得简单多了。在标签上指明类别并参考。表单组label.name{position:absolute；top:3px；指针事件：none；left:20px；transition:5s；}.container.表单组输入：focus~label.name、.container.表单组输入：valid~label.name{left:20px；top:-20px；颜色：rgb（66133244）；font-size:12px；font-weight:bold；}谢谢你的帮助，我改变了我的示例并按照建议做了。不管怎样，只要有“标签”，就可以使用该样式。我的新例子

.form-group label.error {
  top: 35px;
}