I'm working on an Ajax app that will have edit-in-place forms (a.k.a. inline
editing). Page has read-only data; parts of the data are editable. User
chooses to edit a part; that part turns into an editable form. When user
saves changes, the form converts back to read-only data (this happens
without a page reload).
The fields in the forms are required. So if user leaves any blank, they need
to be challenged, and we need to let them know which fields are in question.
What's the best way to handle this?
We are reluctant to show an error message right above the form, because it
will push the form & other content on the page downward, creating a visual
"jumping" effect. (unless we overlay the error message over top of other
content on the page)