Hi all,
I have this text_field that needs to be filled out before a form can be
submitted. To do this I added an :onchange attribute that basically
checks to see if the value of the field is blank, if it is then the
submit button on the form gets hidden, else it is shown. The idea also
being that if the user enters a value, the button should be shown, but
if that value is deleted, the button should be removed from the page as
well.
Here is my code:
<%= text_field ‘param’, ‘category’,
{:onchange => ‘document.getElementById(‘param_category’).value != “”
?
document.getElementById(‘go_button_div’).style.display =
‘inline’ :
document.getElementById(‘go_button_div’).style.display =
‘none’;’} %>
It works, but not exactly as desired. I would like this to show the
button even if a single character is entered and then hidden if it is
deleted. As it is now, the button is only displayed when the text_field
is not on focus, which for my purposes does work but I feel this could
be confusing and irritating to the end user.
Am I mistaken in thinking that the using :onchange should give me this
effect, or is there an error in my code? It almost seems like :onchange
and :onfocus are working in the same manner in this example.
Thanks,
-S