Question

I have a page with a tab control and each control has almost 15 controls. In total there are 10 tabs and about 150 controls in a page (controls like drop down list, textbox, radiobutton, listbox only).

My requirement is that there is a button (submit) at the bottom of the page. I need to check using JavaScript that at least 3 options are selected out of 150 controls in that page irrespective of the tabs which they choose.

Please suggest the simplest and easiest way which this could be done in JavaScript on my aspx page.

Answer 1

Assuming there’s only one form on the page (if more then loop through forms and nest the below loop within).

  var selectedCount = 0;   var element;    for (var i = 0; i < document.forms[0].elements.length; i++)   {     element = document.forms[0].elements[i];      switch (element.type)     {       case 'text':         if (element.value.length > 0)         {           selectedCount++;         }         break;       case 'select-one':         if (element.selectedIndex > 0)         {           selectedCount++;         }         break;       //etc - add cases for checkbox, radio, etc.     }   }