CHECKBOX checked, then validate, NOT Checked, DO NOT VALIDATE

gu102 · May 8, 2002

All,
I am in need of HELP! If CHECKBOX is checked, then validate MM/DD/YYYY where all must be a number, if not checked, do not validate. I already incorporated a "Click to enable drop list of days" to the right of it.

------------------START VIEW CODE------------------------
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="javascript">
function enableDisable()
{
document.AddContact.NotifyDay.disabled = !(document.AddContact.NotifyDay.disabled);
}
</script>
</head>
<body bgcolor="#FFFFFF" text="#000000">
<form method="post" action="" name="AddContact">
<table width="100%" border="0" cellspacing="2" cellpadding="2">
<tr>
<td width="90%" class="inputtxt">
<select name="BirthMonth">
<option value="00" Selected>Month
<option value="01">January
<option value="02">February
<option value="03">March
<option value="04">April
<option value="05">May
<option value="06">June
<option value="07">July
<option value="08">August
<option value="09">September
<option value="10">October
<option value="11">November
<option value="12">December
</select>
/
<select name="BirthDay">
<option value="00" Selected>Day</option>
<option value="01">01</option>
<option value="02">02</option>
<option value="03">03</option>
<option value="04">04</option>
<option value="05">05</option>
<option value="06">06</option>
<option value="07">07</option>
<option value="08">08</option>
<option value="09">09</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
</select>
/
<input type="text" name="BirthYear" size="4" maxlength="4" value="">
<span class="smallText">(mm/dd/yyyy)</span></td>
</tr>
<tr valign="top">
<td width="90%" class="smallText" bgcolor="#F1F1F1">
<input type="checkbox" name="Notify" value="1" onClick="enableDisable();">
Notify me via email,
<select name="NotifyDay" Disabled>

<option value="0" selected>the day of</option>
<option value="1">1 day before</option>
<option value="2">2 days before</option>
<option value="5">5 days before</option>
<option value="7">7 days before</option>
<option value="10">10 days before</option>
</select>
this contact's birthday.</td>
</tr>
</table>
<input type="Submit" name="Save" value="Save" onClick="return validate(this.form)">
</form>
</body>
</html>
---------------------END SAMPLE CODE---------------------

ANY HELP would be greatly appreciated

rac2 · May 8, 2002

Code:

function validate(f){
   var goodData = true;

   if(f.Notify.checked){
      //Code for validating date.
      // Set goodData = false for bad date.
   }

   //Code for validating other form info.
   // Set goodData = false for other bad data.
   
   return goodData;
}

Put the call to validate() in the <form> tag instead of in the <input type="submit"> tag.

Code:

<form . . . onsubmit=&quot;return validate(this)&quot;>

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

CHECKBOX checked, then validate, NOT Checked, DO NOT VALIDATE

gu102

Technical User

rac2

Programmer

Similar threads

Part and Inventory Search

Sponsor