Javascript 当输入包含数字数据时隐藏页面上的元素

如果表单输入字段只包含数字，如何使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位数的电话号码，没有破折号，“32455556347”），而不是其他内容（一个电子邮件地址），则发送按钮消失，发送号码保持不变

希望我能正确解释

---

谢谢

这是一种可能性：

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

---

这是一种可能性：

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

---

有多个元素具有相同的id=>>>无效的HTML。拜托，我已经厌倦了一次又一次地写同样的答案。很抱歉，当我刚刚举这个例子的时候，我错过了，这不是我实际的html中的情况。我更改了它。您得到了多个具有相同id的元素=>>>无效HTML。拜托，我已经厌倦了一次又一次地写同样的答案。很抱歉，当我刚刚举这个例子的时候，我错过了，这不是我实际的html中的情况。我改变了它。有没有其他的JavaScript我应该包括在这里面？因为在JSFIDLE上，当我在我的服务器上尝试它时，它根本不起作用。不，它不需要任何库，只需要普通的JavaScript。请注意，我更改了第一个按钮的ID。它不会在头部工作，因为它是在需要处理的元素存在之前被调用的。如果将它放在结束体标记之前，它应该可以工作。是否还有其他JavaScript应该包含在这个标记中？因为在JSFIDLE上，当我在我的服务器上尝试它时，它根本不起作用。不，它不需要任何库，只需要普通的JavaScript。请注意，我更改了第一个按钮的ID。它不会在头部工作，因为它是在需要处理的元素存在之前被调用的。但是，如果将其放置在结束正文标记之前，则应能正常工作。