表单验证错误后平滑滚动到页面脚本顶部

Smooth scroll to the top of page script after form validation error

本文关键字:脚本 顶部 滚动 验证 错误 平滑 表单      更新时间:2023-09-26

我有一个很长的表单,我想使用我的jquery平滑滚动到页面顶部脚本向上滚动到页面顶部。

如果验证脚本发现错误,是否可以滚动到页面顶部?

只需使平滑滚动成为可以调用onError的函数,即

function SmoothScroll(){
 $('a.scrollToTop').click(function () {
   $('html, body').animate({
    scrollTop: 0
   }, 2500);
  return false;
 });
}

    onError: function () {
        if ($('#input_2     input').hasClass('error-input')) {
            $('#r2 div, #r2 input').css('background-color', '#C1272D').css('color', '#FFF');
            $("#error-div").show();
            SmoothScroll();
        }
    }