Form Validation


Please select just one from the following list:
Please select two (or more) from the following list:
(To select multiple, individual options, hold down the 'Control' key, and click on the ones you want)
(To select a span/range of options, hold down the 'Shift' key, and then click)



Notes

You'll notice that if something goes wrong, the browser will 'drag' the user back to the first thing that went wrong. The user then has to fix the error, and click on 'submit' again. If there's another error on the page, you have to repeat the process. This works, but it's kind of irritating, especially if you have a really large form

The solution will be twofold:

  1. Set up some DOM stuff, so that we can leave a warning next to the erroneous form element, rather than forcibly setting the focus on the element
  2. Respond to events that tell us when an individual element has been changed, rather than waiting for the use to push the 'submit' button