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

时间:2013-03-11 06:19:25

标签: jquery css jsp html scroll

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

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

如果可能,我可以使用任何jquery或css解决方案。请帮忙。 谢谢

1 个答案:

答案 0 :(得分:2)

您可以使用ScrollTop功能滚动到div。

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

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