今天再做表单时遇到一个问题:就是如何在input标签里实现只能输入数字,若输入字母或者汉字时会有提示信息,查阅网上的很多资料,只找到了阻止输入英文字母的代码,所以下午的研究了一下怎么实现只输入数字!
以下为原生js的代码:
html:
<div class="content">
<h3>只能输入数字的input</h3>
<label>请输入数字:</label><input id="Text1" type="text" />
</div>
js:
var txt = document.getElementById('Text1');
txt.οnkeydοwn=function(e){
var k = e.keyCode;
if( k == 229 || k ==0 ){
alert('不能输入汉字!');
this.value = this.value.replace(/\D/g,'');
}else if(!(( k >= 48 && k <= 57 ) || k == 8 || k == 190 )){
return false;
}
}
以下为jQuery代码:
$(document).ready(function(){
$('#Text1').on('keydown',function(e){
var k = e.keyCode;
if( k == 229 || k == 0 ){
alert('不能输入汉字!');
this.value=this.value.replace(/\D/g,'');
}else if (!(( k >= 48 && k <= 57) || k == 8 || k == 190 )) {
return false;
}
})
})