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

Question

我需要限制用户仅输入1-100之间的数字，如果他正在输入101，我应该给一个弹出消息说请输入1-100之间的任何数字？

使用jQuery或JavaScript

坦斯克

Answer 1

if ($('#element_id').val() > 100 || $('#element_id').val() < 1) { 
    alert( "Please enter a number between 1 - 100 "); 
}

Answer 2

我知道您要求一个弹出消息，但是我想我会向您显示另一个选择（扩展George Cummins的代码）：

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

Answer 3

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

Answer 4

基本上是Devneck所做的，但如果该值无效，则将该字段重新设置为空。

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