输入框输入正整数

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

原创最新推荐文章于 2023-12-02 21:00:00 发布 · 577 阅读

1 ·

CC 4.0 BY-SA版权

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

正能输入正整数

  <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>