Question

我正在使用“jQuery form validator”（formvalidator.net）和“jQuery tabs widget”（api.jqueryui.com/tabs）。

我正在尝试更好地控制错误消息的显示位置，因为现在它正在破坏我的布局。

我是这个论坛的新手，似乎没有找到如何附加一些文件，这就是我在http://www.petravancaneghem.be/tseries/index.html上复制它们的原因。如果您只是在没有输入任何数据的情况下在输入字段中进行选项卡，您将会看到“破坏我的布局”的含义。

我正在寻找的解决方案：

将错误文本放在项目下面（如验证器的演示页面中） - 未在文档中找到如何执行此操作
弹出绝对错误消息，然后可以显示我的标签容器。
将错误消息全部放在我的标签区域下面 - 我知道有一个选项可以将它们放在上面，但我更喜欢下面的一个单独的可滚动容器（避免过大的垂直尺寸）

我在这个论坛中查找了一个解决方案，有人提出使用构造$.validate({errorElement: "div"});，我在我的html页面上使用过（参见我的index.html）。但这似乎没有任何影响。

我希望在这里找到解决方案。

Answer 1

希望它会帮助你

   //line 125 i think, add height as auto !important
  .ui-tabs .ui-tabs-panel {
     display: block;
     border-width: 0;
     padding: 1em 1.4em;
    background: none;
    height: auto !important;
      }

  //add this style, it styles your error mgs

     .form-error.help-block {
      display: block;
      clear: both;
       margin-left: 178px;
       color: red;
      }

jquery验证器错误位置

1 个答案: