IDEAL FORM SUBMISSION PART 1


HOME



©2016-, mrkent.com
Have you ever been filling out a long complicated form and accidentally pressed the [ENTER] key, submitting incomplete information? I think we have all done that at one time or another.

Most websites have built-in JavaScript that catches empty fields and alerts you to fill them in. But there is even a better method of keeping mistakes like that from occurring. It consists of a small piece of JQuery code that causes the form to ignore that human error and prevents the form from being submitted until the SUBMIT button has been clicked.

This page provides that code, as well as sample forms that illustrate the difference between good form design and poor form design. The target PHP page where good design has been employed is also shown.
POOR FORM DESIGN
First Name:

Last Name:



GOOD FORM DESIGN
First Name:

Last Name:





HTML Code


JQuery Code


PHP Code(Target Page)