input只能输入一个0或者正整数

suguangzhong

于 2021-12-28 10:04:31 发布

阅读量1.2k

点赞数

文章标签： js 正则表达式

本文链接：https://blog.youkuaiyun.com/suguangzhong/article/details/122186068

版权

该博客介绍了如何使用HTML5的`<input type='number'>`结合Vue.js的`v-model`及`@input`事件来实现输入框仅允许用户输入0或正整数的功能。通过监听输入事件，利用正则表达式清除非数字字符，并确保首位不能为0，从而实现了有效的输入验证。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

input只能输入一个0或者正整数

<input type="number" v-model="form.goods_num" @input="handleZeorNumberInput(form,'goods_num')">

handleZeorNumberInput(item, key) {
	setTimeout(() => {
		item[key] = item[key] + '';
		item[key] = item[key].replace(/[^\d]/g, ''); //清除非 数字
		if (item[key].substr(0,1) == '0')  item[key] = '0';
	})
},