jquery - 向上滚动以突出显示验证失败时的 div

Question

我有一个表单(jsp 页面)并包含一个 div，如果有错误消息会在其中显示。 当用户提交表单时，验证在服务器端完成，并根据任何违规情况设置错误消息字段，该字段使用 div 内的 struts 属性标记显示在 JSP 中。

现在的问题是，由于我的表单有很多字段，因此提交按钮位于下方，错误 div 位于表单上方，因此如果出现错误，会显示消息，但用户需要向上滚动以查找错误信息。 我需要的是，当错误发生时，页面应该自动向上滚动并且错误应该被突出显示。

如果可能的话，我可以接受任何 jquery 或 css 解决方案。请帮忙。 谢谢

Answer 1

您可以使用 ScrollTop 函数滚动到一个 div。

$('#btnSubmit').on('click',function(){

 //if is any error found. then do this
    $(window).scrollTop($('#yourErrorDiv').offset().top);
});