
Untitled
By: a guest on
Jul 31st, 2012 | syntax:
None | size: 1.02 KB | hits: 7 | expires: Never
Radio button validation in javascript
<form name="form1" action="#" onsubmit="return validateForm()" method="post">
First time visitor?:<br/>
<label for="s1">Yes</label>
<input type="radio" id="1" name="yesno" value="1"/>
<br/>
<label for="s2">No</label>
<input type="radio" id="1" name="yesno" value="2"/>
<br/>
<input type="submit" value="Submit"><br/>
</form>
function validateForm() {
var radios = document.getElementsByName("yesno");
var formValid = false;
var i = 0;
while (!formValid && i < radios.length) {
if (radios[i].checked) formValid = true;
i++;
}
if (!formValid) alert("Must check some option!");
return formValid;
}
document.forms[ 'forms1' ].onsubmit = function() {
return [].some.call( this.elements, function( el ) {
if ( el.type === 'radio' ) {
return el.checked
}
else {
return false
}
} )
}