Don't like ads? PRO users don't see any ads ;-)
Guest

Untitled

By: a guest on Jul 31st, 2012  |  syntax: None  |  size: 1.02 KB  |  hits: 7  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. Radio button validation in javascript
  2. <form name="form1" action="#" onsubmit="return validateForm()" method="post">
  3.  
  4.     First time visitor?:<br/>
  5.             <label for="s1">Yes</label>
  6.             <input type="radio" id="1" name="yesno" value="1"/>
  7.             <br/>
  8.             <label for="s2">No</label>
  9.             <input type="radio" id="1" name="yesno" value="2"/>
  10.  
  11.             <br/>      
  12.  
  13.     <input type="submit" value="Submit"><br/>
  14.     </form>
  15.        
  16. function validateForm() {
  17.     var radios = document.getElementsByName("yesno");
  18.     var formValid = false;
  19.  
  20.     var i = 0;
  21.     while (!formValid && i < radios.length) {
  22.         if (radios[i].checked) formValid = true;
  23.         i++;        
  24.     }
  25.  
  26.     if (!formValid) alert("Must check some option!");
  27.     return formValid;
  28. }​
  29.        
  30. document.forms[ 'forms1' ].onsubmit = function() {
  31.     return [].some.call( this.elements, function( el ) {
  32.         if ( el.type === 'radio' ) {
  33.            return el.checked
  34.         }
  35.         else {
  36.            return false
  37.         }
  38.     } )
  39. }