Scroll to error or top of page on submit

Forms Public Forms
2

Dear @kkreitzer,
You can copy the error message and make it appear near the Submit button with the following code:

//use "fd.spRendered(function(){" for SharePoint form instead
fd.rendered(function(){
  $('.submit-button').on('click', function() {
    $('.clone').remove();
    if(fd.isValid){
      fd.save();
    }
    function copyAndMoveErrorMessage() {
      var clone = $('div.alert.alert-danger').clone().addClass('clone').insertBefore('.submit-button');
      clone.find($('button.close')).on('click', function() { clone.remove(); });
    }
    setTimeout(copyAndMoveErrorMessage, 500);
  });
});

You only need to add CSS class submit-button to the button itself, so it triggers the event on click:
image