輸入值，包含最小和最大數字

Question

下面是一個輸入數字表單，使用JavaScript，我添加了一些代碼行，其中可寫入的最小數量為1，要寫入的最大數量為50.並且當有人嘗試鍵入小於1的任何數字時它將自動替換為1或50，但我沒有成功實現這一點，我需要你的幫助。

  document.getElementById('info1').addEventListener("input", function () { let num = +this.value, max = 50, min = 1; if (num > max || num < min) { return false; } }) 

 <input type="number" id="info1" size="4"> 

Answer 1

為此目的已經有一個HTML屬性對 - min和max ：

 <input type="number" min="1" max="50"> 

如果您還希望在用戶輸入范圍之外的數字時發生這種情況：

 document.getElementById("inp").addEventListener("change", function() { let v = parseInt(this.value); if (v < 1) this.value = 1; if (v > 50) this.value = 50; }); 

 <input type="number" min="1" max="50" id="inp"> 

Answer 2

function imposeMinMax(el){
  if(el.value != ""){
    if(parseInt(el.value) < parseInt(el.min)){
      el.value = el.min;
    }
    if(parseInt(el.value) > parseInt(el.max)){
      el.value = el.max;
    }
  }
}

<input type=number min=1 max=50 onkeyup=imposeMinMax(this)>