title: Validate radio button is chosen
body: <p>I've been searching and trying so many different ways to get this form validate on submit working for radio buttons with no luck.  </p>
  
  <p>I have a form named </p>
  
  <pre><code>user_details
  </code></pre>
  
  <p>I have several radio groups, one is </p>
  
  <pre><code>overall_experience
  </code></pre>
  
  <p>another one is</p>
  
  <pre><code>promptness
  </code></pre>
  
  <p>How in the world can I get my simple javascript function validateForm to make sure an end user has selected one of the radio buttons in each group?</p>
  
  <p>I have this (see screen shot here)
  <img src="https://i.stack.imgur.com/ByElz.png" alt="http://michaeljbaran.com/script.png"></p>
  
  <p>but the radio check code is not right.</p>
  
  <p>Does anyone have any idea how I can make sure that an end user has selected at least one option from each radio group?</p>