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