Положение ошибки валидатора jquery

Question

Положение ошибки валидатора jquery

0

Я использую "средство проверки формы jQuery" (formvalidator.net) в сочетании с "виджетами вкладки jQuery" (api.jqueryui.com/tabs).

Я пытаюсь получить больше контроля над тем, где отображается сообщение об ошибке, потому что теперь оно раскладывает мой макет.

Я новичок в этом форуме и, похоже, не нашел, как вы можете прикреплять некоторые файлы, поэтому я скопировал их на http://www.petravancaneghem.be/tseries/index.html. Если вы просто внесите вкладку в поле ввода без ввода каких-либо данных, вы увидите, что я имею в виду "уничтожение моего макета".

Решения Im ищу:

Поместите текст ошибки под элементом (например, на демонстрационной странице валидатора) - не нашел, как это сделать в документации
Появляются абсолютные сообщения об ошибках, которые затем могут отображаться даже из моего контейнера табуляции.
Поместите сообщения об ошибках вместе со своей областью вкладок - я знаю, что есть возможность поставить их выше, но я бы предпочел ниже в отдельном прокручиваемом контейнере (избегает чрезмерного вертикального размера)

Я рассмотрел этот форум для решения, и кто-то придумал использование $.validate({errorElement: "div"}); , который я использовал на моей странице html (см. мой index.html). Но это, похоже, не имеет никакого эффекта.

Надеюсь найти решение здесь.

Hans Billiet 19 нояб. 2013, в 10:02

Источник

0

Вы пробовали position-relative.net/creation/formValidator ? Это не нарушит стили / макеты веб-страниц.
Murali Mopuru 19 нояб. 2013, в 09:09

Теги:

javascript

jquery

html

css

jquery-ui

1 ответ

Ещё вопросы

Вы пробовали position-relative.net/creation/formValidator ? Это не нарушит стили / макеты веб-страниц.

Venu immadi · Answer 1 · 2013-11-19T07-13-00.000Z

надеюсь, это поможет вам

   //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;
      }