The Obvious Way to produce Feedback for an HTML Form using ECMAScript
Problem with the Obvious Approach
In an HTML Form, about 5 fields may need feedback. This means about 5 error messages can be displayed in an alert box. As soon as the user clicks the OK button of the alert box, the error messages disappear and the user is not in position to remember which error message was for which field, in order to make correction.
It is more convenient for the ECMAScript to validate the fields one-by-one; then for each field, wrongly typed, it displays the corresponding error message in an alert box. That is alright and accepted without questions, by everybody.
Same Page Form Feedback in Fashion
The fashionable way to do that today is to display the feedback correction or error message of each field, just above the top of the field. The message for each field is in a conspicuous color (e.g. red).
I have already prepared a tutorial that explains how to produce Same Page Form Feedback in Fashion with ECMAScript. The tutorial has been written in a step-by-step fashion. The code samples are well formatted with good indentation, making readability very easy. There is no missing special character, as you would find in other sites. The links to the different parts of the series are easily accessible. Click the following link to start the tutorial: