I have a fairly straight forward tabbed form that needs to be validated before submission.
The input elements of all tabs are radio button groups.
The form needs to be validated for the presence of checked radio buttons.
The form is valid if all or none radio button groups within a tab are checked.
For instance one single tab with all radio button groups filled out and all other left blank is valid.
The form is invalid if one or more tabs contain unchecked and checked radio button groups.
In case of an invalid form the tabs with the error needs to have a class added (tab-error) to the <a> tag of the tabs (see example).
Amending the change should make the error indicator disappear.
Also a popup should appear telling them which tab is effected by errors.
If a tab has been completed successfully a class of (all-done) needs to be added respectively.
The winner will be provided with all the necessary html/css/js files.
Please let me know whether something not clear before you bid.