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' : '';
}

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

1 个答案: