I've been Googling this without much success and wondered if someone can help. Basically my form contains a hidden div, and I only want this hidden div to be shown if the text input field isn't empty.

<form name="frm1" id="frm1">

<input type="text" id="field1" name="field1" />

<div id="hidden">This should be hidden unless above field isnt blank.</div>

</form>

So far the only reasonable method I've found is to show the div with an onClick event on the input field. Can anyone nudge me in the right direction of what Im looking for

use the onchange event of the input element and check for

if (document.frm1.field1.value == "") {
     hide element
} else {
    show element
}