在input中实现输入纯数字(带小数点)

今天再做表单时遇到一个问题:就是如何在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;
  }
    })
})

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值