Vue 限制input输入 小数点后两位number

<div id="app">
    <input class=" " type="number" placeholder="请输入金额" v-model="withdrawAmount" @input="checkNumber(withdrawAmount)" />
    <div class="Login_submit numWarning" id="waringAlert" @click="withdrawBtn">提现</div>
</div>
let app = new Vue({
    el: '#app',
    data: {
    placeholder: '请输入数值',
    'walletAmount':'', 
  },
  methods: {
      //方法一:
       checkNumber:function(withdrawAmount){
        content.withdrawAmount= (withdrawAmount.match(/^\d*(\.?\d{0,2})/g)[0]) || null                  
    },
//提现按钮
    withdrawBtn:function(){
        var withdrawAmount =content.withdrawAmount;
        var walletAmount = content.walletAmount;
        var re = /^[0-9]+.?[0-9]*/
        if (!Number(withdrawAmount) || !re.test(withdrawAmount) || withdrawAmount == '' || withdrawAmount == undefined || withdrawAmount == null){ 
            mui.alert("请输入金额!")
                        return false;
                }
         if (Number(walletAmount) < Number(withdrawAmount)){
                    mui.alert("余额不足!")
                    return false;
                }
                saveUserNewWithdraw();
        }
  }
})

方法二:

                        var re = /^[0-9]+.?[0-9]*/;
                   if(!re.test(withdrawAmount)){
                         mui.alert("请输入正确的充值金额!"); 
                         return
                    }
                           //限制小数点后2位数
                    /* var index = String(withdrawAmount).indexOf('.');
                    if (index != -1) {
                        var arrStr = [];
                        arrStr = String(withdrawAmount).split('.');
                        if (arrStr[1] && arrStr[1].length > 2) {
                            content.withdrawAmount = String(withdrawAmount).substring(0, index + 3);
                            return;

                        }else{
                            content.withdrawAmount = withdrawAmount;
                        }
                    } else {
                        content.withdrawAmount = withdrawAmount;
                    } */

参考来自:https://blog.csdn.net/u013243347/article/details/81181058

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 在此特此声明:一下所有链接均来自互联网,在此记录下我的查阅学习历程,感谢各位原创作者的无私奉献 ! 技术一点一点积...
    远航的移动开发历程阅读 13,893评论 12 197
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 176,328评论 25 709
  • Android(2017-2018)BAT面试题整理(Android篇,含答案) 版权声明:本文为博主原创文章,未...
    nic启立阅读 30,660评论 11 471
  • 火耕水耨老熟田 井字格栅爬不完 失牛才懂庄生梦 硕鼠偏逢夜航船 南方榨我添木楔 一滴一涓使灯燃 四十五载惊物候 腊...
    蠡海堂阅读 1,445评论 0 0
  • 最近真是烂桃花,我都这样了,你干嘛啊,眼睛瞎了吧,真的是有阴影了,追女生追成这样你会注孤生的,还嘤嘤嘤,我哦,怕是...
    EZ_34d9阅读 1,333评论 0 0

友情链接更多精彩内容