Javascript 在无效输入的文本框上显示警报

我知道我可以通过以下方式限制textbox只传递数字：

<input type="number" id="box_1">

---

但只有在单击“提交”按钮后，警报才会显示。如何使用JavaScript在

on key

事件中显示它

嘿，我想你想要这样的东西

---

选中它

使用Jquery。大概是这样的：

<input type="text" class="numbersOnly" value="" />

---

我认为你应该使用它：它检测用户是否输入了字母

<script type="text/javascript">
    $(document).ready(function () {
        var txtbox_1 = $('#box_1');

        // Setup the event
        txtbox_1.focusout(function () {
            var last = $.data(txtbox_1, "last");
            if ($(this).val().match(/[a-z]/i))
                alert("Letters");
        });
    });
</script>

<input id="box_1" name="box_1" type="number">

$（文档）.ready（函数（）{
变量txtbox_1=$（'xtbox_1'）；
//设置事件
txtbox_1.焦点输出（函数（）{
var last=$.data（txtbox_1，“last”）；
if（$（this.val（）.match（/[a-z]/i））
警报（“信件”）；
});
});

你在说什么警报？像这样的警报：如果不单击“提交”按钮，就无法（据我所知）显示错误工具提示。请将答案放在你的帖子中，而不是放在小提琴上。谢谢你，虽然我知道我可以替换这些符号，但是我可以用JavaScript强制文本框在keyup事件上显示这个吗？你添加了Jquery库吗？好的，然后使用Jquery验证插件。我希望我能在没有外部资源的情况下实现这一点。似乎是很基本的事情。尽管如此，这仍然是解决方案。

<script type="text/javascript">
    $(document).ready(function () {
        var txtbox_1 = $('#box_1');

        // Setup the event
        txtbox_1.focusout(function () {
            var last = $.data(txtbox_1, "last");
            if ($(this).val().match(/[a-z]/i))
                alert("Letters");
        });
    });
</script>

<input id="box_1" name="box_1" type="number">