js控制只允許輸入數字

神馬和浮雲發表於2014-03-16
JS

avascript 只允許輸入數字有很多方法，總結如下

1，只允許輸入數字和小數點。

<input onKeypress="return (/[\d.]/.test(String.fromCharCode(event.keyCode)))" style="ime-mode:Disabled">

 

2，判斷的更詳細一些，甚至22..2這樣不算數字也判斷得出來

<script> 
function check(){ 
    var i=document.getElementById("tt").value;
    if ( isNaN(i) ) {
        alert("非法字元！"); 
        tt.value="";
    } 
} 
</script> 
<input type="text" name="tt" id="tt" onkeyup="check();">

 

3，只允許輸入整數。其實也完全可以根據第三條來舉一反三做一些限制。

<script language=javascript> 
function onlyNum() { 
    if(!(event.keyCode==46)&&!(event.keyCode==8)&&!(event.keyCode==37)&&!(event.keyCode==39)) 
	if(!((event.keyCode>=48&&event.keyCode<=57)||(event.keyCode>=96&&event.keyCode<=105))) 
	event.returnValue=false; 
} 
</script>

<input onkeydown="onlyNum();" style="ime-mode:Disabled">

 

4，只能是數字

<input onkeyup="value=value.replace(/[^\d]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">

 

結語,其實style="ime-mode:Disabled這句是比較實用的。意為關閉輸入法。效果最好的是3，可以直接禁止輸入，4是輸入以後又替換，這樣輸入者有機會按回車，會有意想不到的結果

相關文章