Radio Field Validate Problem

After searching this forum and some others I see I'm not the only one who has had the problem of validating radio buttons. I saw many answers but couldn't get any to work. The script I'm using displays a small image if there is an error. Here is the way the code works:

  <SCRIPT LANGUAGE="JavaScript">
  <!-- Begin
  // Preload images
  var empty = new Image(); empty.src = "fieldempty.gif";
  var haveerrors = 0;
  function showImage(imagename, imageurl, errors) {
  document[imagename].src = imageurl;
  if (!haveerrors && errors) haveerrors = errors;
 }
 function validateForm(f) {
haveerrors = 0;

(f.trms.checked != 1) // validate first name length
? showImage("termserror", "fieldempty.gif", true)  // no semi-colon after this line!
: showImage("termserror", "blankimage.gif", false); // true = errors, false = no errors



return (!haveerrors);
}
// End -->
</script>

That is the part that goes in the <head> section. In the body tag it is like

<form method="post"action="somefile.pl"name="myform" onSubmit="return validateForm(this)">

In the form an image is inserted where the error is to show up as follows:

<img name=termserror src="blankimage.gif" width=350 height=10 border=0>

If no error the blank, or empty image is all that is there but if an error it is replaced with the image with the error on it.
I've been sitting here for two days trying to get this to somehow cooporate with radio buttons to no avail. I put up a demo page to show what I mean by the images(don't pay attention to the one that shows in the email field when you click on terms--that was part of figuring something out and will be removed when the time comes. The radio buttons are on a different page. [praisenpray.com ]

I've tied for loops into figure 4's the past couple days on this one and would like to get them untangled. Thanx. Dave

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Radios</title>
<script type="text/javascript">
function validateRadios (formObject) {
// Array of radios
var atLeastOne = false;
for (j=0;j<formObject.test.length;j++) {
if (formObject.test[j].checked) {
atLeastOne=true;
alert(formObject.test[j].id + ' is checked.');
}
}
if (! atLeastOne) {
alert('Make at least one selection.');
return false;
}
// Change to return true if no errors found.
return false;
}
</script>
</head>
<body>
<form method="post" action="whatever" onsubmit="return validateRadios(this);">
<p><input type="radio" name="test" id="test-1" value="1"> <label for="test-1">One</label></p>

<p><input type="radio" name="test" id="test-2" value="2"> <label for="test-2">Two</label></p>
<p><input type="radio" name="test" id="test-3" value="3"> <label for="test-3">Three</label></p>
<p><input type="submit" value="test"></p>
</form>
</body>
</html>

Radio Field Validate Problem

Radio Field Validate Problem

typomaniac

rocknbil

typomaniac

rocknbil

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week