input 框数量 max

最新推荐文章于 2024-07-30 16:02:28 发布

原创最新推荐文章于 2024-07-30 16:02:28 发布 · 614 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#input max

JavaScript 专栏收录该内容

8 篇文章

订阅专栏

本文探讨了在前端开发中如何使用Vue.js控制输入框的数量输入，通过事件监听和数据处理确保用户输入的有效性和一致性。文章详细介绍了如何利用正则表达式进行非数字字符的过滤，并通过parseFloat函数将字符串转换为数值类型，同时保持原有数值不变以防非法修改。

<input v-model="e.fqty" type="text" placeholder="数量" index="0" min="1"
                                                class="form-control txt_compute txt_buyNum"
                                                style="text-align: right;width: 50%;margin-left: 25%;"
                                                @keyup="input_qty(e)"
                                                >

input_qty: function(e){
                   e.fqty = e.fqty.replace(/\D/g,'')
                   var old = parseFloat(e.old_fqty)
                   if(parseFloat(e.fqty) > old ){
                        e.fqty = e.old_fqty
                    }
                },

重点一定要定义两个变量值 e.fqty 原本定义值 old_fqty在拿 e.fqty 时一同定义的新值。
parseFloat 转数字类型
replace() 方法用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串。