Как вы показываете сообщения об ошибках при валидации формы?

Существуют различные способы информирования об ошибках, к примеру:

Информирование всплывающими подсказками
cff9d2d0bca358897cde1eaafda12d3e.png

Удобно, но при небольших размерах браузера надо показывать их снизу или сверху, что закроет другие поля.


В случае незаполненных полей можно показать простым подкрашиванием полей при попытке отправить форму
37cc1f4f598b6cd3ed3d121c8baed5d6.png

Но если нужно сообщение в виде: «Пароли не совпадают», то так не получится.


Можно показывать вшитые блоки с сообщениями под каждым или один универсальный
ecb26173f7560b52d9e255b7b16b1e13.png

Из минусов: если снизу или сверху, то раздвигается форма, если сбоку, то отнимает место.


Хотелось бы узнать как вы делаете это у себя? Может есть статья интересная на эту тему?
  • Вопрос задан
  • 5940 просмотров
Пригласить эксперта
Ответы на вопрос 4
@VeMax
На некоторых проектах использую всплывающие сообщения в углу экрана.
Ответ написан
Комментировать
Igogo2012
@Igogo2012
Обычно подсветка рамки поля и простой текст без рамок снизу поля.
Так же иногда над самой формой в блоке обведенном (например красным) бордером, вывод всех неверно заполненных полей.
У меня как то так.
Ответ написан
Комментировать
Wott
@Wott
Если дизайнером не уточнено, я показываю сообщение поверх поля чуть выше ( иногда ниже ) и правее, что бы можно было в поле мышкой ткнуть. Как только поле в фокусе его сообщение исчезает.
Ответ написан
Комментировать
PerFORmeRofDeS
@PerFORmeRofDeS
Вот уже год как юзаю jQuery.validationEngine и не знаю горя. Дока очень простая. От спам ботов отправка формы аяксом. Можно гонять ответы через json.
Ах да, ну и самое главное, юзабилити:) демка говорит сама за себя.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы