Comments on: Getting Loopy – Nested Javascript Loops http://skeymedia.com/getting-loopy-nested-javascript-loops/ Blogging about Web Development and Website Management & Monetization Tue, 01 Jun 2010 15:36:27 +0000 hourly 1 http://wordpress.org/?v=3.0 By: Brian Cummiskey http://skeymedia.com/getting-loopy-nested-javascript-loops/comment-page-1/#comment-166 Brian Cummiskey Thu, 19 Oct 2006 06:23:40 +0000 http://www.skeymedia.com/programming/javascript/getting-loopy-nested-javascript-loops/index.html#comment-166 I recently had an email request for a similar function set, but without the extra bloat of checking a textarea. Rather it was just a multiple question, multiple choice radio button form. The method is similar. In this example, assume there were 5 questions in form id="frm1", each with more than 1 radio option as a possible response. <code> function validate() { var theform = document.getElementById("frm1"); //check radio boxes var setflag; setflag = false; for (i=1; i<6; i++) // N questions + 1 { for (j=0; j<theform.elements["q"+i].length; j++) { if (theform.elements["q"+i][j].checked) { setflag = true; } } if (setflag == false) { alert("Please Answer Question #" + i); theform.elements["q"+i][0].focus(); return false; } setflag = false; } } </code> It's as easy as that :) Enjoy. I recently had an email request for a similar function set, but without the extra bloat of checking a textarea. Rather it was just a multiple question, multiple choice radio button form.

The method is similar. In this example, assume there were 5 questions in form id=”frm1″, each with more than 1 radio option as a possible response.


function validate() {
  var theform = document.getElementById("frm1");

  //check radio boxes
  var setflag;
  setflag = false;
  
  for (i=1; i<6; i++)      // N questions + 1
  {
    for (j=0; j<theform.elements["q"+i].length; j++)
    {
      if (theform.elements["q"+i][j].checked)
      {
        setflag = true;
      }
    }

    if (setflag == false)
    {
      alert("Please Answer Question #" + i);
      theform.elements["q"+i][0].focus();
      return false;
    }

    setflag = false;
  }
   }

It’s as easy as that :)

Enjoy.

]]>