輸入無效時在文本框上顯示警報

Question

我知道我可以通過以下方式限制文本框僅傳遞數字：

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

但是僅在單擊提交按鈕后才會顯示警報。 如何使用JavaScript on-key事件中顯示它？

Answer 1

使用Jquery。 像這樣的東西：

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

和：

jQuery('.numbersOnly').keyup(function () { 
    this.value = this.value.replace(/[^0-9\.]/g,'');
});

Answer 2

我認為您應該使用它：它檢測用戶是否輸入了字母

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

Answer 3

嘿，我想你想要這樣的東西。

檢查它jsfiddle