如何使用jQuery或javaScript向用户授予只输入1到100之间的数字的权限

我需要限制用户只输入1-100之间的数字，假设他正在输入101，我应该弹出一条消息说，请输入1-100之间的任何数字

使用jquery或javascript

thansk

if（$（'#element_id'）.val（）>100（'#element_id'）.val（）<1）{
警报（“请输入1-100之间的数字”）；
}

$（'.target'）.change（函数（）{
如果（数字（$（'.target'）[0].value）<0 | |数字（$（'.target'）[0].value）>100）{
警报（“数量必须小于100”）；
};
});

基本上就是Devneck所做的，除了在值无效时将字段设置回空

    $('.target').change(function () {
        if (Number($(this).val()) < 0 || Number($(this).val()) > 100) {
            $(this).val('');
            alert('Number must be less than 100');
        };
    });

$（'.target'）。更改（函数（）{
if（Number（$（this.val（））<0 | | Number（$（this.val（））>100）{
$（this.val（“”）；
警报（“数量必须小于100”）；
};
});

我知道您要求弹出消息，但我想我会向您展示另一个选项（扩展乔治·康明斯的代码）：

$（“#元素_id”）.keyup（函数（）{
if（$（'#element_id'）.val（）>100（'#element_id'）.val（）<1）{
$（“#验证消息_id”）.show（）；
}
否则{
$（“#验证消息_id”）.hide（）；
}
});

我认为弹出窗口会让人讨厌。相反，为什么不在用户输入号码的位置旁边显示一条验证消息呢？太糟糕了！如果用户不小心输入了一个额外的数字，他必须重新开始，而不仅仅是退格。如果用户键入

0xf

，该怎么办？或

0x3a

？还是

0125

？这个代码说这些是有效的，但它们应该是吗？我想这是行动电话。。。

$('.target').change(function() {
  if (Number($('.target')[0].value) < 0 || Number($('.target')[0].value) > 100) {
    alert('Number must be less than 100');
  };
});

    $('.target').change(function () {
        if (Number($(this).val()) < 0 || Number($(this).val()) > 100) {
            $(this).val('');
            alert('Number must be less than 100');
        };
    });

$("#element_id").keyup(function() {
    if ($('#element_id').val() > 100 || $('#element_id').val() < 1) {
        $("#validationMessage_id").show();
    }
    else {
        $("#validationMessage_id").hide();
    }
});