VirtualMV/JavaScript/Case Study: Forms/Validation Detail/Content

Adding Validation Code
Now we have the rudiments of the validation code sorted, and a way to de-bug, it is time to complete the validation picture.

At this point I'm going to introduce a tricky check box switch that will be checked if the form is ok (or remain off if there is an error)



In the html file I will add

Now for some pseudo-code (before I show you the js code)


 * When CheckData is run turn ON chkFormOk
 * If any error is found turn it OFF

So the code will look like ..

Note that I have fnCheckOK before fnCheckData, following this will make your code easier to read.

In a final version of the code you would make the check box invisible, but its useful to see it while you are programming and checking your code.