javascript - 入力に数値データが含まれている場合は、ページ上の要素を非表示にします

Question

フォームの入力フィールドに数字だけが含まれている場合、div（この場合は送信ボタン）を非表示にするにはどうすればよいですか。たとえば、次のようなフォームがあります。

<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>

IDが「email」の入力に数字だけが含まれている場合（ダッシュなしの7桁の電話番号、「3245556347」）、他の何か（Eメールアドレス）ではなく、送信ボタンが消えて送信先番号が残ります。

うまくいけば、私はそれを正しく説明することができました。

ありがとう！

Answer 1

これは1つの可能性です：jsFiddleの例

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