試圖防止用戶輸入一個非數字或超過一定範圍的數字

Question

這是我迄今爲止的，但問題是如果我輸入數字16，它不會允許我改變文本框中的內容了。尋找如何解決這個問題的幫助，謝謝你們。

<SCRIPT language=Javascript> 
    <!-- 
    function isNumberKey(evt) 
    { 
    var charCode = (evt.which) ? evt.which : event.keyCode 
    if (charCode > 31 && (charCode < 48 || charCode > 57)) 
     return false; 
     var num = document.getElementById('quantity').value 
     var y = parseInt(num , 10 ) 
     if (y > 15) 
     return false; 

     return true; 
    } 
</SCRIPT> 


<form action="RegServlet" method="post"> 
    <p> 
     Enter quantity you would like to purchase : <input name="quantity" onkeypress="return isNumberKey(event)" id ="quantity" size=15 type="text" value="1"/> 
    </p> 
</form> 

Answer 1

這是一個可能的解決方案，我都贊成與addEventListener

分配給它的去除你的內聯事件處理程序我也從使用keypressevent到keyup

我剝改變，與regex，任何非數字字符不管，不是兩者來檢查被按下。

我們parseInt的value的輸入元素，如果這個數字大於指定，我們slice關閉輸入的最後一個字符。

HTML

<p>Enter quantity you would like to purchase : 
    <input name="quantity" id="quantity" size=15 type="text" value="1" /> 
</p> 

的Javascript

var quantity = document.getElementById("quantity"); 

function verify(evt) { 
    var target = evt.target; 

    target.value = target.value.replace(/[^\d]/, ""); 
    if (parseInt(target.value, 10) > 15) { 
     target.value = target.value.slice(0, target.value.length - 1); 
    } 
} 

quantity.addEventListener("keyup", verify, false); 

在jsfiddle

在window.onload事件起來結束語整個事情。

註釋在原稿載置過程結束

負載事件觸發。在 這一點上，文檔中的所有對象都在DOM中，並且所有圖像和子幀都已完成加載。

window.addEventListener("load", function() { 
    document.getElementById("quantity").addEventListener("keyup", function (evt) { 
     var target = evt.target; 

     target.value = target.value.replace(/[^\d]/, ""); 
     if (parseInt(target.value, 10) > 15) { 
      target.value = target.value.slice(0, target.value.length - 1); 
     } 
    }, false); 
}); 

在jsfiddle