<script
language="javascript"
type="text/javascript">
var
menu_selection="";
var
radio_selection="";
function
checkForm()
{
if
(dropDownMenu()
&&
radioButtons())
{
document.check.results1.value=menu_selection;
document.check.results2.value=radio_selection;
alert("\nForm
has been filled out correctly.");
}
}
function
dropDownMenu(form)
{
var
myindex=document.check.menu.selectedIndex;
if
(myindex==0)
{
alert("\nYou
must make a selection from the drop-down menu.");
document.check.menu.focus();
}
else
{
menu_selection=document.check.menu.options[myindex].value;
return
true;
}
}
function
radioButtons()
{
if
(radio_selection=="")
alert("\nYou
must check one of the radio buttons.");
else
{
return
true;
}
}
function
resetForm()
{
document.check.menu.options[0].selected
=
true;
menu_selection="";
radio_selection="";
}
function
about()
{
alert("\nVALIDATOR
checks to see that a selection has been made from the drop-down menu
and that a radio button has been checked.\n\nIf filled out properly, the
data will be displayed below.");
}
</script>
<FORM
name="check">
<TABLE
BORDER=4
WIDTH=500>
<TR>
<TD
align="center"><FONT
SIZE=+1><B>MENU</B></FONT>
<TD
align="center"><FONT
SIZE=+1><B>RADIOS</B></FONT>
</TR>
<TR>
<TD
align="center"><SELECT
NAME="menu"
SIZE=1>
<OPTION
SELECTED
VALUE="">
--- How many times have you been here? ---
<OPTION
VALUE="one">Once
<OPTION
VALUE="two">Twice
<OPTION
VALUE="three">Three
times
<OPTION
VALUE="four">Four
times
<OPTION
VALUE="five">Five
times
<OPTION
VALUE="six">Six
times
<OPTION
VALUE="seven">Seven
times
<OPTION
VALUE="eight">Eight
times
<OPTION
VALUE="nine">Nine
times
<OPTION
VALUE="ten">Ten+
times
</SELECT>
<TD
align="center"><BR>Will
you be back here?<br>
<INPUT
TYPE="radio"
NAME="radiobutton"
onClick="radio_selection='yes'">YES
<INPUT
TYPE="radio"
NAME="radiobutton"
onClick="radio_selection='no'">NO
<INPUT
TYPE="radio"
NAME="radiobutton"
onClick="radio_selection='maybe'">MAYBE
</TR>
</TABLE>
<BR>
<TABLE
BORDER=0
WIDTH=400>
<TD
align="center"><INPUT
TYPE="reset"
VALUE="Reset"
onClick="resetForm()">
<TD
align="center"><INPUT
TYPE="button"
VALUE="Check
Form Fields"
onClick="checkForm()">
<TD
align="center"><INPUT
TYPE="button"
VALUE="About"
onClick="about()">
</TABLE>
<BR>
<TABLE
BORDER=4
WIDTH=250>
<TR>
<TD
align="center">MENU:
<TD
align="center">RADIO:
</TR>
<TR>
<TD
align="center"><INPUT
TYPE="text"
NAME="results1"
SIZE=7>
<TD
align="center"><INPUT
TYPE="text"
NAME="results2"
SIZE=7>
</TR>
</TABLE>
<BR>
</FORM>
