jquery 限制文本框只能输入数字简单例子

发布时间:2020-07-16编辑:脚本学堂
分享一个jquery限制文本框input中只能输入数字的例子,感兴趣的朋友不妨做个参考。

例子,验证文本框,只允许输入数字。 
 

复制代码 代码示例:
$("input[name='searchBean.con1']").keyup(function(){  //keyup事件处理
        $(this).val($(this).val().replace(/D|^0/g,'')); 
    }).bind("paste",function(){  //CTR+V事件处理
        $(this).val($(this).val().replace(/D|^0/g,'')); 
    }).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的数字和小数点。