KeithMcL — Tue, 22 Jul 2003 20:41:52 +0000

Ok, I enjoyed working on it, caus it helped me better understand js too

brady.k — Tue, 22 Jul 2003 17:07:21 +0000

thanks, but i decided it will take less time and be easier on the visitors if it is all through PHP...i don't like alert boxes, personally...lol thanks for the help though! you helped me to better understand JS

KeithMcL — Tue, 22 Jul 2003 00:40:23 +0000

Kyle,

I decided not to give up on this and I eventually got it sorted
Here's the code:

<html>
<head>
<title>Disabling Certain Elements</title>
&lt;script type="text/javascript"&gt;
<!--
function checkifselected() {
var d = document.mbrship;
if ((d.membership[0].checked) && (d.child1.value != '')) {
alert("You can not have a single membership and a child listed.");
return false;
}
if (d.membership[1].checked && d.child1.value == '') {
alert("You can not have a family membership without entering a child.");
return false;
}
}
// -->
&lt;/script&gt;
</head>
<body>
<form action="#" method="post" onsubmit="return checkifselected();" name="mbrship">
<table>
	<tr>
		<td><p>Type of Membership:</p></td>
		<td>
		<input id="single" type="radio" name="membership" value="single">Single</input>
		<input id="married" type="radio" name="membership" value="family">Married</input>
		</td
	</tr>
	<tr>
		<td colspan="2"><hr />
		</td>
	</tr>
	<tr>
		<td>
		<p><br />Name(s):</p></td><td><p><br />Date of Birth:</p>
		</td>
	</tr>
	<tr>
		<td>Child 1: <input id="child" type="text" maxchar="15" size="15" name="child1" />
		</td>
		<td>
		<select id="child" name="month1">
		<option>&nbsp;</option>
		<option>Janurary</option>
		<option>Feburary</option>
		<option>March</option>
		</select>
		<select id="child" name="date1">
		<option>&nbsp;</option><option>1</option><option>2</option><option>3</option>
		</select>
		<input type="submit" name="submit" value="Submit" />
		</td>
	</tr>
</table>
</form>
</body>
</html>

'You'll have the add back in the rest of the select options, change the alert messages and add the action to the form, but it should work fine now.

I saw your other post for using PHP, but I still think you should incorporate client side validation too.

Let me know how it works out for you!

brady.k — Sun, 20 Jul 2003 15:48:30 +0000

wow, this is really pathetic...i still can't get it to work...

forget this way, i'm gonna try something else. i'll post another thread if i need to. thanks anyways...lol

Abhishek Reddy — Sun, 20 Jul 2003 07:50:42 +0000

Also chance document.forms.getElementById to simply document.getElementById -- forms is unnecessary

KeithMcL — Sat, 19 Jul 2003 20:10:28 +0000

Try adding onSubmit to the action of the form instead:

<form action="yourpage.html" method="post" onsubmit="return checkifselected(this);">

brady.k — Sat, 19 Jul 2003 19:40:15 +0000

well, i tried it, and a few modifications, and it didn't work...and then i had a thought...probably because i haven't set it to work "onSubmit"...so heres the modifications:

&lt;script type="text/javascript" language="javascript"&gt;
onSubmit(function checkifselected());
  {
    if (document.form.getElementById("single").checked && document.form.getElementById("child1").value != '') {
      alert("You can not have a single membership and a child listed.");
    }
    if (document.form.getElementById("married").checked && document.form.getElementById("child1").value == '') {
      alert("You can not have a multiple membership and not select a child.");
    }
  }
/* End Javascript Form Disabler */
&lt;/script&gt;

'
all i did was add the onSubmit, which i am not sure is entirely right, but that doesn't work in any case...and i just changed the "name" field to get...byid

brady.k — Sat, 19 Jul 2003 19:09:10 +0000

ok thanks...

i'll check it out and get back to you guys

Abhishek Reddy — Sat, 19 Jul 2003 13:55:23 +0000

I'm not certain that'll work either... I only fixed the obvious syntax errors... might have another look at it later.

KeithMcL — Sat, 19 Jul 2003 12:40:59 +0000

Thanks for cleaning it up

I'm still learning Javascript, so it's to be expected