限制input框只能输入0~100的正整数，保留两位小数

最新推荐文章于 2024-05-22 11:34:12 发布

追求卓越583

最新推荐文章于 2024-05-22 11:34:12 发布

阅读量568

点赞数 1

分类专栏： Vue 文章标签： vue.js javascript

本文链接：https://blog.csdn.net/zhuiqiuzhuoyue583/article/details/133991531

版权

Vue 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

正整数

<el-input 
    v-model="num" type="number" placeholder="请输入"   
    oninput="if(!/^[0-9]+$/.test(value)) 
                 value=value.replace(/\D/g,'');
             if(value>100)
                 value=100;
             if(value<0)
                 value=null" 
/>

保留两位小数

<el-input
  v-model="money"
  type="number"
  clearable
  placeholder="请输入固定金额"
  oninput="if(!/^[0-9]+$/.test(value)) 
               value=value.replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3'); 
           if(value>100)
               value=100;
           if(value<0)
               value=null;
           if(value<0)
               value=null;
           if((value[0] == 0 && value[1] > 0) || value == '00')
               value=value.slice(1);"
/>

参考：

限制input框只能输入0~100的正整数，保留两位小数 - 简书