Menu
Hello,
I am working with a form in which I want a text field to be required ONLY if a certain radio button (with a value of “yes”) is checked.
Here is what I have so far: verification for ensuring that one of the radio buttons is checked and verification to ensure that the related field is filled out.
However I can’t get one to be contingent upon the other. Below is my code (also attached in txt format if you prefer).
Please help…
Thanks!
Jennifer
<html>
<head>
<title>Form Verification Test</title>
<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″>
<script language=javascript type=”text/javascript”>
<!–Hide script from older browsers
function submitIt(accts) {
escrowOption = -1
for (i=0; i<accts.ind_escrowagnt.length; i++) {
if (accts.ind_escrowagnt[i].checked) {
escrowOption = i
}
}
if (escrowOption == -1) {
alert(“Please choose ‘yes’ or ‘no’ for Escrow Agents”)
return false
}
if (accts.ind_escrowagnt.value == “yes”){
return true
}
field_value=accts.pct_time_escrowagnt.value
if (field_value == “”){
alert(“Please enter a percentage”)
accts.pct_time_escrowagnt.focus()
return false
}
else {
if (accts.ind_escrowagnt.value == “no”){
return true
}
}
}
</script>
</head>
<body bgcolor=”#FFFFFF” text=”#000000″>
<form method=”post” name=”accts” action=”pd_app_acct.cfm” onSubmit=”return submitIt(this)”>
<table width=”750″”749″ border=”0″>
<tr>
<td width=”17%”><font size=”2″ face=”Arial, Helvetica, sans-serif”></font></td>
<td width=”33%”><font size=”2″ face=”Arial, Helvetica, sans-serif”></font></td>
<td width=”14%”><font face=”Arial, Helvetica, sans-serif” size=”2″>% of Total
Time Spent</font></td>
<td width=”36%”><font face=”Arial, Helvetica, sans-serif” size=”2″>Fees Derived
From This Activity</font></td>
</tr>
<tr>
<td width=”17%”><font size=”2″ face=”Arial, Helvetica, sans-serif”><b><font color=”#ff0000″>
<input type=”radio” name=”ind_escrowagnt” value=”yes”>
Yes*
<input type=”radio” name=”ind_escrowagnt” value=”no”>
</font></b>No</font></td>
<td width=”33%”> <font face=”Arial, Helvetica, sans-serif” size=”2″> 	
</font> <font face=”Arial, Helvetica, sans-serif” size=”2″> Escrow Agent
</font></td>
<td width=”14%”><font size=”2″ face=”Arial, Helvetica, sans-serif”><b><font color=”#ff0000″>
<input type=”text” name=”pct_time_escrowagnt” size=”5″>
</font></b>%</font></td>
<td width=”36%”><font face=”Arial, Helvetica, sans-serif” size=”2″>$<b><font color=”#ff0000″>
<input type=”text” name=”amt_fees_escrowagnt” size=”5″>
</font></b></font></td>
</tr>
<tr>
<td width=”17%”> </td>
<td width=”33%”>
<input type=”submit” name=”Submit” value=”Submit”>
</td>
<td width=”14%”> </td>
<td width=”36%”> </td>
</tr>
</table>
</form>
</body>
</html>
[upl-file uuid=21416386-f88d-4e5c-9659-7f7f2807e2d3 size=3kB]form_valid.txt