js實現的檢測文字框輸入是否是數字的程式碼

admin發表於2017-03-20
JS

在某些需求中，文字框只能夠輸入數字，當輸入其他字元的時候就會給出相應的提示，下面是一段沒有利用正規表示式的例項程式碼，能夠實現我們需要的功能，希望能夠給需要的朋友帶來幫助。

程式碼例項如下:

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html>  
<html>  
<head>  
<meta charset=" utf-8">  
<meta name="author" content="http://www.softwhy.com/" />  
<title>螞蟻部落</title> 
<script type="text/javascript">
function check(ev){ 
  var ev=window.event||ev;
  if(ev.keyCode<48 || ev.keyCode>57){ 
    alert("你輸入的不是數字！"); 
    return false; 
  } 
} 
window.onload=function(){
  var txt=document.getElementById("txt");
  txt.onkeypress=function(ev){check(ev)}
}
</script>
</head>
<body>
<input type="text" id="txt"/> 
</body>
</html>

以上程式碼中，當在文字框輸入數字會彈出提示，這裡其實主要演示了keyCode和onkeypress事件的用法，對於數字驗證功能並不是太完美，具體可以參閱限定文字框只能輸入數字例項程式碼一章節。

相關閱讀:

1.var ev=window.event||ev可以參閱var ev=window.event||ev的作用是什麼一章節。 

2.keyCode屬性可以參閱js的鍵盤按鍵keyCode屬性值對應表一章節。

3.onkeypress事件可以參閱javascript keypress 事件一章節。  

相關文章