如何給用戶輸入1到100之間的數字使用jquery或javascript

Question

我需要限制用戶只輸入1 - 100之間的數字假設他是否輸入101我應該給彈出消息說請輸入1 - 100之間的任何數字？

使用jQuery或JavaScript

thansk

Answer 1

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

Answer 2

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

Answer 3

基本上什麼Devneck做，除非這個值無效設置現場發回空。

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

Answer 4

我知道你問一個彈出消息，但我想我會告訴你其他的選項（擴大在喬治康明斯的代碼）：

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