Twitter bootstrap 引导验证不适用于引导选择

Twitter bootstrap 引导验证不适用于引导选择,twitter-bootstrap,validation,select,Twitter Bootstrap,Validation,Select,当我在表单上应用引导验证,并且已经有下拉列表时,请使用引导选择列表进行选择 它验证但不显示来自validator的下拉列表的错误消息。基本上,当我们应用引导下拉列表以使选择列表美观且易于使用时,它隐藏了本机html选择并使用自定义选项创建新的 当本机下拉列表被隐藏时,它也会通过应用内联css属性display:none来隐藏验证消息 因此,这里是它的快速修复 #country { display: block !important; height: 0; margin-top:

当我在表单上应用引导验证,并且已经有下拉列表时,请使用引导选择列表进行选择


它验证但不显示来自validator的下拉列表的错误消息。

基本上,当我们应用引导下拉列表以使选择列表美观且易于使用时,它隐藏了本机html选择并使用自定义选项创建新的

当本机下拉列表被隐藏时,它也会通过应用内联css属性display:none来隐藏验证消息

因此,这里是它的快速修复

#country {
   display: block !important;
   height: 0;
   margin-top: -14px;
   visibility: hidden;
}

默认情况下,将display设置为block,将visibility设置为hidden,它将像魔术一样工作。

这是一个很好的技巧。顺便说一句,我已经读到边距不能为负。。。也许我们可以使用位置:相对;左-14px;此页边距用于在正确的位置显示错误消息。您可以根据需要进行设置。边距可以设置为负数,其填充不能为负数