[JavaScript][jQuery] 讓使用者只能輸入數字且針對輸入值進行"量"的比較 ( 型態轉換文字轉整數 )

[JavaScript][jQuery] 讓使用者只能輸入數字且針對輸入值進行"量"的比較 ( 型態轉換文字轉整數 )

1/11/2013 JavaScript jQuery

有些表單的數量欄位(例如:訂購量)，我們只希望使用者輸入整數，然後，又希望使用者輸入的數字必須低於我們設定的最大值(例如:庫存量)，透過簡單的程式，就可以做到這樣的效果...

$("#input_qty").keyup(function() {
  this.value=this.value.replace(/[^0-9]/g,'');
  var qty = $(this).val();
  qty = parseInt(qty);
  if(qty > 10){
    alert("輸入數字不可以超過10");
  }
});

備註: 如果欄位允許輸入小數點的話，只要修改程式碼兩個地方

$("#input_qty").keyup(function() {
  this.value=this.value.replace(/[^0-9.]/g,'');
  var qty = $(this).val();
  qty = parseFloat(qty);
  if(qty > 10){
    alert("輸入數字不可以超過10");
  }
});