ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

H5 input number ,范围限制0.01~99999.99

2022-09-08 10:30:48  阅读:196  来源: 互联网

标签:price 0.01 number replace input H5 99999.99


H5 input number ,范围限制0.01~99999.99

<div class="PriceCenter">
                <p class="competitiveName currencyFont"><span class="required">*</span>价格<span class="numlimit">(0.01~99999.99)</span>:</p>
                <input type="number" @keyUp="handleInput($event)" v-model="brandCompetitor.price" class="competitiveValue" placeholder="请输入价格">
                <span class="Price">元</span>
            </div>

  

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

传送门

标签:price,0.01,number,replace,input,H5,99999.99
来源: https://www.cnblogs.com/mafy/p/16668560.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有