select box and alert

[newbby]

Hi all,
I have a select box:
<form name="frmname">
<select name="strselect">
<option value="yes">yes
<option value="no">no
</select>
<input type="text" name="stranswer">
</form>

I need to write a javascript to check that:
if users select "yes" in 'strselect' then, they have to provide an answer in "stranswer". How can I force the form to not submit with alert/message box and focus().

Thanks

 

[newbby]

Hi all,
where do I include the event handler like onclick or onsubmit?
thanks

 

[jemminger]

typically you would write a function to call from the form's onsubmit handler:

<script type="text/javascript">
function validate(f) {
  if (f.strselect.options[f.selectedIndex].value == "yes") {
    if (!f.stranswer.value) {
      alert("Please enter an answer");
      f.stranswer.focus();
      return false;
    }
  }
  return true;
}
</script>

<form name="frmname" onsubmit="return validate(this);">
<select name="strselect">
<option value="yes">yes
<option value="no">no
</select>
<input type="text" name="stranswer">
</form>

=========================================================
-jeff

http://www.jeffemminger.com

try { succeed(); } catch(E) { tryAgain(); }