form validation: select and checkbox

@HaganeNoKokoroJul 25.2004 — #Here ya go. It should handle any number of checkboxes and selects, since it just goes through all elements in a form and looks at the <select> and <input type="checkbox"> tags. The parameter "elem" is the id of the form you want it to validate.

<i>
 </i>function validate(elem) {
 src=document.getElementById(elem);
 var checked=false;
 var selected=false;
 var i=0;
 for(i=0; i&lt;src.elements.length; i++) {
 if(src.elements[i].type.toLowerCase()=="checkbox" &amp;&amp; src.elements[i].checked) {
 checked=true;
 }
 if(src.elements[i].tagName.toLowerCase()=="select" &amp;&amp; src.elements[i].selectedIndex!=0) {
 selected=true;
 }
 }
 return (checked&amp;&amp;selected);
 }

@CharlesJul 26.2004 — #[font=monospace]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"

"http://www.w3.org/TR/html4/strict.dtd">

<html lang="en">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<title>Example</title>

<style type="text/css">



</style>

<script type="text/javascript">



</script>

</head>

<body>

<form action="senMe.pl" onsubmit="return verify(this)">

<fieldset>

<legend>Giant Says</legend>

<select id="giantSays">

<option>---</option>

<option>Fee</option>

<option>Fie</option>

<option>Foe</option>

<option>Fum</option>

</select>

</fieldset>

<fieldset>

<legend>Stooge</legend>

<label>Mo<input type="checkbox"></label>

<label>Larry<input type="checkbox"></label>

<label>Curley<input type="checkbox"></label>

</fieldset>

<div><button type="submit">Submit</button></div>

</form>

</body>

</html>

[/font]

form validation: select and checkbox

2 Comments(s) _↴

Also in #JavaScript _↴

Success!

Social

Version

form validation: select and checkbox

2 Comments(s) ↴

Also in #JavaScript ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

2 Comments(s) _↴

Also in #JavaScript _↴