Improve form layouts feedback UX on errors

Problem

On a form layout (ie, create layout or edit layout), if it is long enough, the user gets a scroll.
When the user clicks the submit action (create, edit, ...) there might be an error that is outside of the visible layout and there isn't any explicit feedback of that error(s).
So, the user doesn't see any feedback and might get confusion why nothing happens (form isn't submitted).

Proposed solution
From material design: http://demo.geekslabs.com/materialize-v1.0/form-validation.html

The idea is to scroll and focus on the required field that was left empty or has an error. In the example above, if you leave more than one required field empty it will scroll and focus on the bottom field that was left empty, on the form. it should focus on the top error field instead so that the user would see other empty fields when scrolling down the form. It also shows an error message underneath the input field.