Question

Here is my fiddle

I have no issue validating the first 3 text inputs, however when my validation gets to the check boxes and radio buttons, it only validates one check box and one radio button, rather than looping back through and re-checking each box/button.

So if I only enter the first radio button and the first check box, it allows submission. Also if I enter a checkbox and hit submit, there are no popups asking that I fill in the other check boxes, I have the same issue with the radio buttons, if I enter one of the radio buttons, it only alerts me to fill in check boxes and leaves out the other radio buttons.

What do I need to change in my loop counter? Any assistance is appreciated, thanks!!!

Answer 1

the problem is in this two row

if (inputName.length > 0) if (element.name == inputName) returnValue++;
else returnValue++

now is executed like this

if (inputName.length > 0) {
    if (element.name == inputName) { 
        returnValue++;
    } else {
        returnValue++
    }
}

i think you need to wrap the ifs with brackets

if (inputName.length > 0) {
    if (element.name == inputName) { 
        returnValue++;
    }
} else {
    returnValue++  // i kept this but don't understand what it means...
}

EDIT:

i updated your fiddle and this work as expected