Quick Validation

by Jacktea

HTML

<form id="quiz1">
    What do you see?
<input type="radio" name="q1" value="vagina">A Vagina<br>
<input type="radio" name="q1" value="butterfly">Butterfly
<br>
    
<input type="radio" name="q2" value="clowns">Clowns<br>
<input type="radio" name="q2" value="humans">Two Humanlike Forms
<input type="radio" name="q2" value="cave">An Entrance to a Cave
    <br>
    
<input type="button" value="submit">
</form>

JavaScript

var quizes = {
    quiz1 : {}
};


$('form#quiz1 input[type=button]').click(function() {
   
   //QUIZ 1 - Collect Answers
    var answer1 = $('form#quiz1 input[name=q1]:checked').val();
    
    var answer2 = $('form#quiz1 input[name=q2]:checked').val();
    
    quizes.quiz1.answer1 = answer1;
    
    quizes.quiz1.answer2 = answer2;
   
    
    if(validateAnswers()) {
        alert("valid");
    } else {
        alert("not valid");   
    }
    
});


function validateAnswers() {
    var validAnswers = true;
    
    for(var q in quizes) {
     
        for(var a in quizes[q]) {
            
            if(!quizes[q][a]) {
                 validAnswers = false;
            }
        }    
    }
    
   return validAnswers;
}