плагин проверки jquery и прокрутка

Question

Я использую плагин проверки jquery. Когда есть недопустимые поля, оно фокусируется на первом недопустимом поле. Тем не менее, мои метки находятся над моими полями, и я хочу немного прокрутить вверх, чтобы пользователь мог видеть и метку, и поле. Я посмотрел на плагин scrollTo, но не нашел простой способ его интеграции. Может быть, кто-то делал что-то подобное раньше?

Answer 1

У меня была похожая проблема. Я отображаю свои ошибки проверки в упорядоченном списке над формой, а не отображаю их в строке. Когда плагин jQuery validate обнаруживает ошибку, я настраиваю прокрутку формы до верхней части формы, чтобы уведомить пользователя об этой ошибке, отредактировав функцию invalidHandler и отключив параметр focusInvalid.

$("#residential-evaluation").validate({
 // Scroll to top of #errors on validate
 invalidHandler: function(form, validator){
  $.scrollTo('#errors', "slow");
 },
 focusInvalid:false,
 //Error output
 errorLabelContainer: "#errors",
 wrapper: "li"
});

Это сообщение было действительно полезно:

переопределение функции в плагине проверки jquery

Эта настройка использует плагин scrollTo для этой добавленной анимации.

Answer 2

Хорошо, значит, вы использовали фокус, чтобы перейти к элементу, который не прошел проверку.

вы можете удалить этот код, так как попытаетесь реализовать прокрутку к этому элементу.

эти шаги необходимо выполнить, чтобы перейти к нужному элементу.

1. добавление плагина scrollTo в вашу голову.
2. убедившись, что метка готова (с идентификатором, классом или чем-то) (что в вашем случае является целью, поскольку вы хотите прокрутить до местоположения метки, а не поля ввода)

3. , если вы сейчас сделаете:

   $. ScrollTo ('#yourlabelID', "slow");

он переместится на позицию вашего ярлыка.

Как и при обычной прокрутке, если элемент находится слишком близко к нижней части страницы, он будет прокручиваться только до нижней части страницы, а не дальше.

демо: http://sander.netcentric.be/test/scroll.html