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

发布时间:2020-04-03编辑:脚本学堂
分享一例jquery代码,限制文本框中只能输入数字与小数点,有需要的朋友参考下。

本节内容:
jquery限制文本框只能输入数字和小数点的方法。

例子:
 

复制代码 代码示例:

$(function(){    
 /*JQuery 限制文本框只能输入数字*/ 
 $(".NumText").keyup(function(){   
         $(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设置输入法不可用   

 /*JQuery 限制文本框只能输入数字和小数点*/ 
 $(".NumDecText").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设置输入法不可用   
        }); 
 

然后,给需要验证的文本框加上class名即可。

例如:
 

复制代码 代码示例:
<input type="text" class="txt NumText"  Width="100px"  runat="server" />