I am using the following style of web form in which I use “required” so that users cannot submit form without filling up all the required fields. It works fine, but my form is a bit bigger and in mobile view if a user leaves a field or two empty and they press the submit buttons, it looks like that the form is not working , becuase browser is highlighting the field but not actually scrolling the page to that field which is creating confusion.
Is there any way to display a simple alert box message incase a “required” field is missing or atleast auto scroll to that field so user knows that they have to fill up that field ??
I am looking for a common solution that just checks if any field with “required” parameter not filled then either show alter box message or auto scroll to that field, so user knows they have to fill that field up.