Need help with onBlur.... but not sure what it's called 1

TonyU · May 9, 2003

[tt]
<select name="Dropdown">
<option value="Search">Search</option>
<option value="Choice1">Choice1</option>
<option value="Choice2">Choice2</option>
<option value="Choice3">Choice3</option>
</select>

I need to learn how to either display a Warning message when Choice2 is selected and not allow the user to continue if OK is not selected or how to set focus on a text field when Choice2 is selected. Hope it makes sense.

^{-Tony

Delete * from brain Where MaxLevel = "Full" and reaction = "Slow" order by StartOver}

greedyzebra · May 9, 2003

This should give you something to work with:

<html>
<body>
<script language="JavaScript">
function warnMe(theMenu)
{
if (theMenu.value == "2&quot

{
if (confirm("are you sure?&quot

)
{
//do whatever you want to do when user wants to continue
}
else
{
//do whatever you want to do when user does not want to continue
document.getElementById('txtBox').focus();
}
}

}
</script>
<form method="POST" >
<p><select size="1" name="dropMenu" onchange="warnMe(this)">
<option value="1">Selection 1</option>
<option value="2">Selection 2</option>
<option value="3">Selection 3</option>
</select></p>
<p><input type="text" name="txtBox" id="txtBox" size="20"></p>
</form>
</body>
</html>

TonyU · May 9, 2003

[tt]thanks, that work great.

If I may ask two more questions.

1. How do I insert hard-returns in the "are you sure" and
2. Is it possible to disable the submit button unless the txtBox is populated.

^{-Tony

Delete * from brain Where MaxLevel = "Full" and reaction = "Slow" order by StartOver}

greedyzebra · May 9, 2003

1. You'll have to be more specific on what you mean by hard-returns

2. In your form tag (in addition to all the usual stuff) add this:
onsubmit="return (document.getElementById('txtBox').value.length > 0)"

Where 'txtBox' is the id you've assigned to the text box that you want to make sure has content.

If there are more form elements you would like to validate, I would suggest creating a function and having it return a boolean value based on success or failure. The call to it would replace the current code:

onsubmit = "return validateForm(this)"

Of course it's always nice to tell the user why you're not letting them submit the form, so having a function that contains the conditional test above and uses "alert" in the case where the form can't be submitted would be polite

Note this will not disable the button, the form just won't submit (same difference functionally, but not visually).

TonyU · May 9, 2003

[tt]By hard-returns I mean

are
you
sure

and not
"are you sure"

^{-Tony

Delete * from brain Where MaxLevel = "Full" and reaction = "Slow" order by StartOver}

greedyzebra · May 9, 2003

It you wanted that, you would simply make the string:
confirm("Are\nYou\nSure&quot

TonyU · May 9, 2003

[tt]Thanks again

^{-Tony

Delete * from brain Where MaxLevel = "Full" and reaction = "Slow" order by StartOver}

TonyU · May 9, 2003

[tt]
I noticed that when adding this to the form

onsubmit="return (document.getElementById('txtBox').value.length > 0)"

and other than choice2 is selected I still could not submit.

^{-Tony

Delete * from brain Where MaxLevel = "Full" and reaction = "Slow" order by StartOver}

greedyzebra · May 9, 2003

So the situation is that when 1 or 3 is chosen the textbox CAN be empty, but if 2 is chosen it can't be empty?

If so, go with the separate function option:

function validate(theForm)
{
//we don't care what's in the txt box in either of these cases
if (theForm.menu.value == "1" ||
theForm.menu.value == "3&quot

return true;

//our original statement applies
return(theForm.txtBox.value.length > 0)

//if you want the alert, replace the one "return" line with this:
//if (theForm.txtBox.value.length > 0)
// return true;

// if we're here the length is 0, not acceptable
// alert('You must put something in the text box');
// return false;
}
</script>

Your form tag would look something like this:
<form method="POST"
onsubmit="return validate(this)" id="theForm">

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!

Need help with onBlur.... but not sure what it's called 1

TonyU

Technical User

greedyzebra

Technical User

TonyU

Technical User

greedyzebra

Technical User

TonyU

Technical User

greedyzebra

Technical User

TonyU

Technical User

TonyU

Technical User

greedyzebra

Technical User

Similar threads

Part and Inventory Search

Sponsor