Question

How would I make a div (in this case, a submit button) disappear if a form input field contains just numbers. For example, I have a form like this:

<form action="submit.php" method="POST">
<input id="email" name="email" />
<input type="submit" class="btn btn-blue" id="email_btn" value="Send" />
<input type="submit" class="btn btn-blue" id="number_btn" value="Send To Number" />
</form>

If the input with the id “email” contains just numbers, (A 7 digit phone number with no dashes, “3245556347”), instead of something else, (A email address), the Send button disappears and the Send To Number remains.

Hopefully I could explain that correctly.

Thanks!

Answer 1

This is one possibility: jsFiddle example

var email = document.getElementById('email');
email.onkeyup = function() {
    document.getElementById('email2').style.display = (this.value.search(/^\s*\d+\s*$/) != -1) ? 'none' : '';
}​