如何锚定JavaScript？

Question

I am developing a web system in java, jsp.

I have at the end of my home page a contact form where I need to validate ...

I made some (Ex: name can not be null) in javascript ... but I would also like to do the backend (servlet).

I'm using a button submit and sending the information to the servlet ...

Assuming that in servlet validation the name is null, I feed a list of errors and show it just below the contact form.

<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>

The problem is that the form is at the bottom of the page, so for the user to know that there was an error he would have to scroll to the end to check.

Is there any way to make a kind of "anchor javascript"?When page loads if errors! = Null scroll page to contact div.

Answer 1

Yes there is,

if there are errors you can insert this script :

<script>
   var elmnt = document.getElementById("idOfErrorDiv");
   elmnt.scrollIntoView();
</script>

Answer 2

It looked like this:

$(document).ready(function () {

                    var erros = document.getElementById("erro");
                    if (erros != null) {
                        $([document.documentElement, document.body]).animate({
                            scrollTop: $("#contato").offset().top
                        }, 2000);
                    }


                })