Mr J - thanks. :cool:
dean80...
Forgot to close (</select>) that 2nd drop-down; could be causing some problems. Might have compressed that graphic a bit too much too...cleaned thing up a bit, wish I could help with your algorithim but it's not entirely clear what the desire is. Using conditionals is certainly indicated; the question is what structure to utilize (switch/case, if-else, conditional operators), how to write it most efficiently and how to ensure correct decision-making.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>Match Maker</TITLE>
.............
<script language="JavaScript">
<!--
// global vars
var firstName = '';
var lastName = '';
var address = '';
var city = '';
var state = '';
var zipcode = '';
var birthday = '';
var emailAddress = '';
var gender = '';
var income = '';
var hobby = '';
var newsletter = '';
var newWin = '';
// validates user info
function checkInfo(f) {
for (var el,e=0; e<f.elements.length; ++e) {
el = f.elements[e];
if ((el.type == 'text' || el.type == 'textarea') && el.name != 'emailAddress' && !el.value) {
alert('Please fill in all fields.');
el.focus();
el.select();
return false;
}
else if (el.type == 'select-one' && el.selectedIndex == 0) {
alert('Please choose an option from each drop-down list.');
el.focus();
return false;
}
}
return true;
}
// validates email address
function checkEmail(field) {
if (!/(^[a-z]([a-z_\.]*)@([a-z_\.]*)([.][a-z]{3})$)|(^[a-z]([a-z_\.]*)@([a-z_\.]*)(\.[a-z]{3})(\.[a-z]{2})*$)/i.test(field.value)) {
alert('Invalid E-mail Address! Please re-enter.');
field.focus();
field.select();
return false;
}
return true;
}
// opens the new result window
var newWin = '';
function openMatchPage() {
var contents = '', f = document.entryForm, s = '&nbsp;';
contents += '<html><head><title>Meet your match</title></head><body>';
contents += 'First Name:' + s + f.firstName.value + '<br>';
contents += 'Last Name:' + s + f.lastName.value + '<br>';
contents += 'Address:' + s + f.address.value + '<br>';
contents += 'City:' + s + f.city.value + '<br>';
contents += 'State:' + s + f.state[f.state.selectedIndex].value + '<br>';
contents += 'Zipcode:' + s + f.zipcode.value + '<br>';
contents += 'Zodiac Sign:' + s + f.zodiac[f.zodiac.selectedIndex].value + '<br>';
contents += 'E-mail Address:' + f.emailAddress.value + '<br>';
contents += 'Gender:' + s + get_radio('gender') + '<br>';
contents += 'Income:' + s + get_radio('income') + '<br>';
contents += 'Hobby:' + s + get_radio('hobby') + '<br>';
contents += 'witty:' + s + f.witty.checked + '<br>';
contents += 'funny:' + s + f.funny.checked + '<br>';
contents += 'bubbly:' + s + f.bubbly.checked + '<br>';
contents += 'shy:' + s + f.shy.checked + '<br>';
contents += 'sensitive:' + s + f.sensitive.checked + '<br>';
contents += 'honest:' + s + f.honest.checked + '<br>';
contents += 'lazy:' + s + f.lazy.checked + '<br>';
contents += 'vain:' + s + f.vain.checked + '<br>';
contents += 'indecisive:' + s + f.indecisive.checked + '<br>';
contents += 'Opt-in Newsletter:' + s + get_radio('newsletter') + '<br>';
contents += '</body></html>';
var features = 'left=100,top=30,width=450,height=450,';
features += 'scrollbars,status,titlebar';
newWin = open('','newWin',features);
newWin.document.write(contents);
}
function get_radio(name) {
var f = document.entryForm;
for (var i=0; i<f[name].length; i++)
if (f[name][i].checked) return f[name][i].value;
return false;
}
function checkRadios(f) {
if (!get_radio('gender') || !get_radio('income') ||
!get_radio('hobby') || !get_radio('newsletter')) {
alert('Please select one from each pair of radio buttons.');
f.gender[0].focus()
return false;
}
return true;
}
function checkform(f) {
if (!checkInfo(f)) return false;
if (!checkEmail(f.emailAddress)) return false;
if (!checkRadios(f)) return false;
return true;
}
//-->
</script>
</HEAD>
<BODY text="000000">
<div align="center">
<FORM name="entryForm" action="javascript:openMatchPage()" method="post"
onsubmit="return checkform(this)">
<TABLE cellspacing="1" cellpadding="2" bgcolor="000000">
............
<TD>Your sign?</TD>
<TD><SELECT NAME="zodiac">
<option value="">Select Sign</option>
<option value="capricorn">Capricorn</option>
<option value="aquarius">Aquarius</option>
<option value="pisces">Pisces</option>
<option value="aries">Aries</option>
<option value="taurus">Taurus</option>
<option value="gemini">Gemini</option>
<option value="cancer">Cancer</option>
<option value="leo">Leo</option>
<option value="virgo">Virgo</option>
<option value="libra">Libra</option>
<option value="scorpio">Scorpio</option>
<option value="sagittarius">Sagittarius</option>
</select>
</TD>
..........
<INPUT TYPE="image" src="reset.gif" align="left">
<INPUT TYPE="image" src="go.gif" align="right"></TD>
</TR>
</TABLE>
</FORM>
</div>
</BODY>
</HTML>