如何設定文字框只能夠輸入數字程式碼例項

螞蟻小編發表於2017-02-27
無論怎麼樣，在有些時候文字框裡只要求輸入數字，例如身份證號碼或者年齡等等。

下面就是一段簡單的程式碼例項，希望能給大家帶來一定的幫助，程式碼例項如下:

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html> 
<html> 
<head> 
<meta charset=" utf-8"> 
<meta name="author" content="http://www.softwhy.com/" /> 
<title>規定文字框只能夠輸入數字-螞蟻部落</title> 
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<script type="text/javascript">  
$(document).ready(function(){ 
  $("#money").bind("keyup",function(){   
    var str=this.value.replace(/(^\s*)|(\s*$)/g,"");    
    this.value=str.replace(/[\D]*/g,'');  
  })  
})  
</script> 
</head> 
<body> 
<input type="text" id="money" /> 
</body> 
</html>

以上程式碼可以將輸入的非數日子內容刪除，只留下數字內容。

相關文章