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

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

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

$("#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');
        };
    });