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

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

3 个答案: