input 框只允许输入正整数数字

最新推荐文章于 2024-03-30 15:42:08 发布

新时代农民工Top

最新推荐文章于 2024-03-30 15:42:08 发布

阅读量3.5k

点赞数 2

分类专栏： javaScript vue 文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/web00_11/article/details/123125552

版权

vue 同时被 2 个专栏收录

35 篇文章 3 订阅

订阅专栏

javaScript

30 篇文章 3 订阅

订阅专栏

原生js – input

在项目中有些时候我们希望 input 框之能输入数字，比如购物车里的商品数量等等

<body>
    <input type="text" class="inp" maxlength="5">
    <script>
        let inp = document.querySelector('.inp')
        inp.addEventListener('input', (e) => {
            inp.value = e.target.value.replace(/\D/g, '')
        })
    </script>
</body>

vue 中的 input

<input 
	type="text" 
	v-model="value" 
	@input="e => value = e.target.value.replace(/\D/gm, '')" 
	maxlength="5"
>

新时代农民工Top

关注

2
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
input 框只允许输入正整数数字

原生js – input在项目中有些时候我们希望 input 框之能输入数字，比如购物车里的商品数量等等<body> <input type="text" class="inp" maxlength="5"> <script> let inp = document.querySelector('.inp') inp.addEventListener('input', (e) => { in
复制链接

扫一扫