输入框输入正整数

最新推荐文章于 2023-12-02 21:00:00 发布

一天28小时

最新推荐文章于 2023-12-02 21:00:00 发布

阅读量555

点赞数 1

本文链接：https://blog.youkuaiyun.com/Programmerwhite/article/details/116203117

版权

这段代码展示了如何使用HTML的`<el-input>`元素和JavaScript的正则表达式来限制用户输入，确保输入的内容只能是正整数。通过`v-model`双向绑定数据，`onkeyup`和`onafterpaste`事件处理输入和粘贴时的验证，移除非数字字符，确保输入的合法性。

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

正能输入正整数

  <el-input type="text" id="price" v-model="goodsNum"
    onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}"  
    onafterpaste="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'0')}else{this.value=this.value.replace(/\D/g,'')}"></el-input>