Validating Radio Buttons and text box at same time

Tread42 · Dec 10, 2002

I have a form with radio buttons names "send" and values of "Mail" that has a text box for "city" and "Fax" the Fax has a text box of "send_fax" which is a texbox for the fax number. Now what I'm trying to do is validate that the user has selected either Fax or Mail and once that is determined validate the text box is not empty. Here's what I've tried to no avail. I'm pretty new to JavaScript so any help is greatly appreciated.

So for the fax validation I have:

if ((form.send.value =="Fax&quot

) || (form.send_fax.value =="&quot

{
alert( "Please enter a Fax Number to send to.&quot

;
form.send_fax.focus();
return false;
}

***At this point I'm stuck as it's not validating correctly? Any thoughts/ideas?

Thank You
Regards,
Tread42

dfrankel · Dec 10, 2002

I'm not completely clear what you are trying to do, can you please be more specific.
Dan

mwolf00 · Dec 10, 2002

If you post your code, we can help more.
<script>
function subForm(){
if (document.myForm.sendTo[0].checked == true){
if (document.myForm.emailAdd.value != "&quot

{
document.myForm.method = "post"
document.myForm.action = "mail.asp"
document.myForm.submit()
}
}
if (document.myForm.sendTo[1].checked == true){
if (document.myForm.faxNum.value != "&quot

{
document.myForm.method = "post"
document.myForm.action = "fax.asp"
document.myForm.submit()
}
}
alert ("Please complete form&quot

}
</script>

<form name=myForm>
<input type=radio name=sendTo value=email>
<input type=radio name=sendTo value=fax>
<input name=emialAdd>
<input name=faxNum>
<input type=button value="Submit" onClick="subForm()">
</form> -----------------------------------------------------------------
[pc]

Be nice. It's only doing what you tell it to do.
mikewolf@tst-us.com

Tread42 · Dec 10, 2002

What I'm trying to do is save if radiovalue is "Fax" then check to make sure "send_fax" is not blank and is a number. But if "mail" is the value check to make sure "send_address" is not blank. Below is some snippets of my code. I know the <TR>'s might be out of whack but that's due to the copy/paste.

Thanks for any help/suggestions.

<SCRIPT LANGUAGE="JavaScript">
!--
function checkform ( form )
{
// ** START **
if ((form.send.value =="Fax&quot

) || (form.send_fax.value =="&quot

{
alert( "Please enter a Fax Number to send to.&quot

;
form.send_fax.focus();
return false;
}

// ** END **
return true ;
}
//--
</script>

<html>
<body>
<form method="POST" action="/cgi-bin/formmail.pl" onsubmit="return checkform(this);">
<tr>
<td width="31%">
<input type="radio" value="Fax" checked name="send"><font face="Verdana" size="2">Fax Number:</font></td>
<td width="69%"><font face="Verdana" size="2">
<input type="text" name="send_fax" size="7"></font></td>
</tr>
<tr>
<td width="31%"></td>
<td width="69%"><font face="Verdana" size="2">or</font></td>
</tr>
<tr>
<td width="31%">
<input type="radio" value="Mail" name="send"><font face="Verdana" size="2">Address:</font></td>
<td width="69%"><font face="Verdana" size="2">
<input type="text" name="send_address" size="34"></font></td>
</tr>
</tr>
</body>
</html> Regards,
Tread42

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!

Validating Radio Buttons and text box at same time

Tread42

MIS

dfrankel

Programmer

mwolf00

Programmer

Tread42

MIS

Similar threads

Part and Inventory Search

Sponsor