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

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

使用jQuery或JavaScript

thansk

2011-05-20 user300485

我覺得一個彈出會討厭這個。相反，爲什麼不在用戶輸入數字的位置顯示驗證消息。 – Homer 2011-05-20 20:09:44

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

來源

2011-05-20 19:55:11

您有一些微妙的類型轉換。如果用戶輸入'0xf'會怎麼樣？或者'0x3a'？或'0125'？這段代碼說這些是有效的，但它們應該是什麼？我想這是OP的電話...... – 2011-05-20 20:51:51

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

來源

2011-05-20 19:55:37 Devneck

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

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

來源

2011-05-20 20:11:05 Jay

太可怕了！如果用戶不小心輸入了額外的號碼，他必須重新開始而不是退格。 – Homer 2011-05-20 20:19:37

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

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

來源

2011-05-20 20:22:26 Homer

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

回答

相關問題