Checked radio button triggering verification of other fields
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).
<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"){
I'm not sure if I'm doing what you needed to be done, but I think I did. I couldn't figure out how to do it with radio buttons, but if they are just yes/no, why not just have a checkbox marked yes? Then they can choose yes/no through that. Here is the code (very simple and ugly in a browser), I'll also upload a text file.
------------------------------------
<html>
<head>
<script type="text/javascript">
function validate()
{
x=document.myform
chk=x.check.checked
txt=x.textf.value
if (chk)
{
if (txt)
{
return true
}
else
{
alert("You must enter text")
return false
}
}
}
</script>
</head>
<body>
<form name="myform" action="test.htm" onsubmit="return validate()">
<input type="checkbox" name="check">Yes<BR>
If yes, enter a value:
<input type="text" name="textf">
<input type="submit" value="Send input">
</form>
</body>
</html>
---------------------------------
Reply With Quote
Bookmarks