如何用javascript锚定？

Question

我正在用java、jsp开发一个web系统。

我的主页末尾有一个联系表格，我需要在其中验证......

我在 javascript 中做了一些（例如：名称不能为空）...但我也想做后端（servlet）。

我正在使用按钮提交并将信息发送到 servlet ...

假设在 servlet 验证中名称为空，我提供一个错误列表并将其显示在联系表单的正下方。

<c:if test="${not empty requestScope.erros}">

    <div class="erro">

        <c:forEach var="erro" items="${requestScope.erros}">

            <li><c:out value="${erro}"/></li>

        </c:forEach>

    </div>

</c:if>

问题是表单位于页面底部，因此为了让用户知道有错误，他必须滚动到末尾进行检查。

有没有办法制作一种“锚定javascript”？当页面加载时如果出现错误！= 空滚动页面到联系人 div。

Answer 1

就在这里，如果出现错误，您可以插入此脚本：<script>&nbsp; &nbsp;var elmnt = document.getElementById("idOfErrorDiv");&nbsp; &nbsp;elmnt.scrollIntoView();</script>

Answer 2

它看起来像这样：$(document).ready(function () {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var erros = document.getElementById("erro");&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if (erros != null) {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $([document.documentElement, document.body]).animate({&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; scrollTop: $("#contato").offset().top&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }, 2000);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; })