使用uniform和validation插件时，未显示select元素的验证错误

Question

我正在尝试使用内联表单验证引擎2.6.1，带有统一ui jQuery插件的jquery插件。验证消息与输入文本框一起显示得很好。但是对于select (下拉)元素，不显示验证错误消息。

下面是我使用的插件的链接。

提前感谢您的帮助或建议

期待回复，因为我需要紧急修复这件事。

Validation plugin githhub

validation plugin_doc

Uniform ui plugin

Answer 1

之所以会发生这种情况，是因为Uniform使用了一个带有overflow隐藏的div来包含所有元素，所以基本上您的错误消息就在那里，但是您在我刚才提到的div之外看不到它。

长话短说，在Uniform CSS文件中搜索下面的代码，并注释或删除溢出行。

div.selector {
  position: relative;
  padding-left: 10px;
  /*overflow: hidden;*/
}

Answer 2

要实现这一点，您需要做的就是覆盖div.selector的CSS样式。

div.selector {
  position: relative;
  padding-left: 10px;
 overflow: visible;

}