Jquery控制只能输入数字的常见方法

jquery 限制文本框只能输入数字

  

  1. $("input[name='searchBean.con1']").keyup(function(){  //keyup事件处理 

  2.         $(this).val($(this).val().replace(/\D|^0/g,''));  

  3.     }).bind("paste",function(){  //CTR+V事件处理 

  4.         $(this).val($(this).val().replace(/\D|^0/g,''));  

  5.     }).css("ime-mode""disabled");  //CSS设置输入法不可用

显示效果:
1023456789  
下面的代码匹配的是0-9和. 

$("#rnumber").keyup(function(){  

            $(this).val($(this).val().replace(/[^0-9.]/g,''));  

        }).bind("paste",function(){  //CTR+V事件处理  

            $(this).val($(this).val().replace(/[^0-9.]/g,''));   

        }).css("ime-mode""disabled"); //CSS设置输入法不可用  

显示效果: 
0.123456789
注意两个的正则表达式不同,匹配不一样。
第一个,只能输入>0的正整数。
第二个,只能输入0-9的数字和小数点。
Js代码  复制代码  收藏代码
  1. //监听键盘,只允许输入数字和小数点 
  2. // 注意此处不要用keypress方法,采用keyDown,否则不能禁用Ctrl+V,
  3. 具体原因请自行查找keyPress与keyDown区分,十分重要,请细查 
  4. //采用keydown例子:$(".checkNum").keydown(function(event)){}

  5.         $(".checkNum").keypress(function(event) { 
  6.             var keyCode = event.which; 
  7.             if (keyCode == 46 || (keyCode >= 48 && keyCode <=57)) 
  8.                 return true
  9.             else 
  10.                 return false
  11.         }).focus(function() { 
  12.             this.style.imeMode='disabled'
  13.         }); 
[js]  view plain copy
  1. //监听键盘,只允许输入数字和小数点   
  2. // 注意此处尽量不要用keypress方法,采用keyDown否则不能禁用Ctrl+V ,
  3. //具体原因请自行查找keyPress与keyDown区分,十分重要,请细查
  4.         $(".checkNum").keypress(function(event) {  
  5.             var keyCode = event.which;  
  6.             if (keyCode == 46 || (keyCode >= 48 && keyCode <=57))  
  7.                 return true;  
  8.             else  
  9.                 return false;  
  10.         }).focus(function() {  
  11.             this.style.imeMode='disabled';  
  12.         });  

imeMode有四种形式,分别是:

active 代表输入法为中文
inactive 代表输入法为英文
auto 代表打开输入法 (默认)
disable 代表关闭输入法



  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值