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”），而不是其他内容（一个电子邮件地址），则发送按钮消失，发送至号码仍然存在。

希望我能正确解释。

谢谢！

Answer 1

这是一种可能性：jsFiddle example

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