jquery控制文本框只输入整数或者输入数字和两位小数

最新推荐文章于 2020-08-06 16:10:02 发布

冰明子

最新推荐文章于 2020-08-06 16:10:02 发布

阅读量1.3k

点赞数

CC 4.0 BY-SA版权

文章标签： jquery

本文链接：https://blog.youkuaiyun.com/giscong/article/details/81014421

本文介绍了一种使用JavaScript和jQuery限制输入框仅接受整数或最多带有两位小数的数字的方法。通过正则表达式清理非法字符并确保正确的数值格式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

只允许输入整数方法

$(".test").keyup(function(){
var tmptxt=$(this).val();
$(this).val(tmptxt.replace(/\D|/g,''));
var reg=/^[0-9]+.?[0-9]*$/;
if(reg.test($(this).val())){
$(this).val(parseInt($(this).val(),10));
}
}).bind("paste",function(){
var tmptxt=$(this).val();
$(this).val(tmptxt.replace(/\D|/g,''));
var reg=/^[0-9]+.?[0-9]*$/;
if(reg.test($(this).val())){
$(this).val(parseInt($(this).val(),10));
}
}).css("ime-mode", "disabled");
$(".test").change(function(){
var tmptxt=$(this).val();
$(this).val(tmptxt.replace(/\D|/g,''));
var reg=/^[0-9]+.?[0-9]*$/;
if(reg.test($(this).val())){
$(this).val(parseInt($(this).val(),10));
}
}).bind("paste",function(){
var tmptxt=$(this).val();
$(this).val(tmptxt.replace(/\D|/g,''));
var reg=/^[0-9]+.?[0-9]*$/;
if(reg.test($(this).val())){
$(this).val(parseInt($(this).val(),10));
}

});

控制输入两位小数或者数字

$(".test").keyup(function(){
var tmptxt=$(this).val();
if(tmptxt!=""){
tmptxt = tmptxt.replace(/[^\d.]/g,""); //清除"数字"和"."以外的字符
tmptxt = tmptxt.replace(/^\./g,""); //验证第一个字符是数字而不是
tmptxt = tmptxt.replace(/\.{2,}/g,"."); //只保留第一个. 清除多余的
tmptxt = tmptxt.replace(".","$#$").replace(/\./g,"").replace("$#$",".");
tmptxt = tmptxt.replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3'); //只能输入两个小数

if(tmptxt.indexOf('.') != -1){
var arr = tmptxt.split('.');
var newTxt = Number(arr[0])+'.'+arr[1];
$(this).val(newTxt);
}else{
$(this).val(Number(tmptxt));
}
}
}).bind("paste",function(){
var tmptxt=$(this).val();
if(tmptxt!=""){
tmptxt = tmptxt.replace(/[^\d.]/g,""); //清除"数字"和"."以外的字符
tmptxt = tmptxt.replace(/^\./g,""); //验证第一个字符是数字而不是
tmptxt = tmptxt.replace(/\.{2,}/g,"."); //只保留第一个. 清除多余的
tmptxt = tmptxt.replace(".","$#$").replace(/\./g,"").replace("$#$",".");
tmptxt = tmptxt.replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3'); //只能输入两个小数

if(tmptxt.indexOf('.') != -1){
var arr = tmptxt.split('.');
var newTxt = Number(arr[0])+'.'+arr[1];
$(this).val(newTxt);
}else{
$(this).val(Number(tmptxt));
}
}
}).css("ime-mode", "disabled");
$(".test").change(function(){
var tmptxt=$(this).val();
if(tmptxt!=""){
tmptxt = tmptxt.replace(/[^\d.]/g,""); //清除"数字"和"."以外的字符
tmptxt = tmptxt.replace(/^\./g,""); //验证第一个字符是数字而不是
tmptxt = tmptxt.replace(/\.{2,}/g,"."); //只保留第一个. 清除多余的
tmptxt = tmptxt.replace(".","$#$").replace(/\./g,"").replace("$#$",".");
tmptxt = tmptxt.replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3'); //只能输入两个小数

if(tmptxt.indexOf('.') != -1){
var arr = tmptxt.split('.');
var newTxt = Number(arr[0])+'.'+arr[1];
$(this).val(newTxt);
}else{
$(this).val(Number(tmptxt));
}
}
}).bind("paste",function(){
var tmptxt=$(this).val();
if(tmptxt!=""){
tmptxt = tmptxt.replace(/[^\d.]/g,""); //清除"数字"和"."以外的字符
tmptxt = tmptxt.replace(/^\./g,""); //验证第一个字符是数字而不是
tmptxt = tmptxt.replace(/\.{2,}/g,"."); //只保留第一个. 清除多余的
tmptxt = tmptxt.replace(".","$#$").replace(/\./g,"").replace("$#$",".");
tmptxt = tmptxt.replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3'); //只能输入两个小数

if(tmptxt.indexOf('.') != -1){
var arr = tmptxt.split('.');
var newTxt = Number(arr[0])+'.'+arr[1];
$(this).val(newTxt);
}else{
$(this).val(Number(tmptxt));
}
}
});