如何使用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');
        };
    });