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

最新推荐文章于 2023-05-06 16:40:48 发布

转载最新推荐文章于 2023-05-06 16:40:48 发布 · 702 阅读

本文详细介绍了如何使用JavaScript进行输入验证，包括匹配0-9数字和小数点的功能实现，以及如何限制输入为大于0的正整数。通过正则表达式的应用，确保用户输入的数据符合特定规则。

$("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的数字和小数点。