Javascript验证和限制文本框只能输入数字或者小数

最新推荐文章于 2022-03-02 14:04:05 发布

月孤寒

最新推荐文章于 2022-03-02 14:04:05 发布

阅读量515

点赞数

分类专栏： web前端文章标签： javascript html

本文链接：https://blog.csdn.net/u010177476/article/details/51302010

版权

web前端专栏收录该内容

2 篇文章 0 订阅

订阅专栏

html:

<input type="text" name="number" onkeyup="keyUpNumber(this)" onafterpaste="onafterpasteNumber(this)">
  <input type="text" name="money" onkeyup='keyupDecimal(this)'>

Javscript:

    //只能输入大于0的正整数
    function keyUpNumber(obj){
        obj.value=obj.value.replace(/\D/g,'');
    }
    function onafterpasteNumber(obj){
        obj.value=this.value.replace(/\D/g,'');
    }
    //只能输入数字，并且只能为四位小数点
    function keyupDecimal(obj){ // 值允许输入一个小数点和数字 
        obj.value = obj.value.replace(/[^\d.]/g,""); //先把非数字的都替换掉，除了数字和. 
        obj.value = obj.value.replace(/^\./g,""); //必须保证第一个为数字而不是. 
        obj.value = obj.value.replace(/\.{2,}/g,"."); //保证只有出现一个.而没有多个. 
        obj.value = obj.value.replace(".","$#$").replace(/\./g,"").replace("$#$","."); //保证.只出现一次，而不能出现两次以上 
        obj.value=obj.value.replace(/^(\-)*(\d+)\.(\d\d\d\d).*$/,'$1$2.$3');//只能输入四个小数 
    }