The user is asked to spend a “budget” for a set of features for a new Star Destroyer model. My check Form method now just needs to see if the total is 100 and that’s it.You can play with this here: See the Pen form validation 3 by Raymond Camden (@cfjedimaster) on Code Pen.One of the features of HTML5 is the ability to validate most user data without relying on scripts.This is done by using validation attributes on form elements.Let's see how to use this API to build custom error messages.
For the second example, the second text field (age) was switched to email which will be validated with a bit of custom logic.
The message is shown to the user when reporting the problem.
If the argument is the empty string, the custom error is cleared.
When I copied and pasted your code into a html file and ran it, my FF and IE spat out an error.
If you put an alert() inside and just below your IF block I think you'll find the alert() inside the IF block will never be executed, hence your form is always submitted whether you check any boxes or not.