js控制input框只能输入数字和一位小数点且小数点后面只有两位小数

今天遇到了要控制<input>框的输入内容问题,一步步来,先来个控制只能输入数字的标签,如下:

<a href="javascript:;" class="J-pagination" οnclick="getshye();">上一页</a> 
<a href="javascript:;" class="J-pagination green-bg" οnclick="getxiaye();">下一页</a> 
<input type="text" class="goNum" style="margin-right: 5px;" id="snum" οnkeyup="value=value.replace(/[^\d]/g,'')"/>
<a href="javascript:;" class="green-bg" οnclick="gonum1();">GO</a>

这是一个控制分页跳转的输入标签框:

此处可以参考:https://blog.youkuaiyun.com/yuanyuan214365/article/details/64442953

下面,就来看下标题形式怎么写的吧

html:

<h1>只能输入数字和一位小数点且小数点后面只有两位小数</h1>
<body>    
    <input type="text" name="je" οnkeyup="clearNoNum(this)" /> 
</body>  

js:

<script language="JavaScript" type="text/javascript"> 
function clearNoNum(obj){ 
    obj.value = obj.value.replace(/[^\d.]/g,"");  //清除“数字”和“.”以外的字符  
    obj.value = obj.value.replace(/\.{2,}/g,"."); //只保留第一个. 清除多余的  
    obj.value = obj.value.replace(".","$#$").replace(/\./g,"").replace("$#$","."); 
    obj.value = obj.value.replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3');//只能输入两个小数  
    if(obj.value.indexOf(".")< 0 && obj.value !=""){//以上已经过滤,此处控制的是如果没有小数点,首位不能为类似于 01、02的金额 
        obj.value= parseFloat(obj.value); 
    } 
} 
</script>  

以上就是全部内容

此处参考:https://www.cnblogs.com/lal-fighting/p/6278337.html


评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值