On March 26, 2019 we launched new MODX Forums. Please join us at the new MODX Community Forums.
MODX Forums
View Latest Posts

or Search:

Jump to top of form on page, on error validation

Subscribe: RSS
  • preddz_design Reply #1, 10 years ago
    Hi Forum

    I have a formit form in the footer of a site, and currently when there is a validation error the page is just reloaded and the user is sent back to the top of the page. The error messages are displaying as they should but the problem is I want to send the user to the top of the form in the footer on an error instead. Is there anyway to specify which section (i.e. a div) the user is directed to on the error validation? How would I do this?

    Thanks
    Steve
    • exside Reply #2, 10 years ago
      I don’t think there’s a built in way to do this, I would try it with javascript (in my case jQuery). Looking for .error (or what ever class your validation errors have) and if there are some, scroll to the form with some plugin like scrollTo or so...
      • Henrik Nielsen Reply #3, 10 years ago
        You can do it with anchors:

        <form action="[[~[[*id]]]]#message" method="post" class="form">
<div id="message">
... Your message content here ...
</div>
... Your input fields here ...
</form>


        Hope it helps! [ed. note: Henrik Nielsen last edited this post 9 years, 9 months ago.]
          - A small step for mankind, so why not take two...

          Working with web production, graphic design/workflow, photo and education - but are trying to get a life in between!
        • preddz_design Reply #4, 10 years ago
          Thanks Henrik - that worked perfectly.
          • exside Reply #5, 10 years ago
            Nice! Learned something again =)