element--el-input限制输入为数字且必须大于0

最新推荐文章于 2024-07-17 10:06:40 发布

Schafferyy

最新推荐文章于 2024-07-17 10:06:40 发布

阅读量6.3k

点赞数 1

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

本文链接：https://blog.csdn.net/Schaffer_W/article/details/128833801

版权

3 篇文章 0 订阅

订阅专栏

文章展示了如何使用Vue.js的el-input组件，结合正则表达式限制用户输入为大于0的正整数和大于等于0的非负整数。第一段代码实现了只允许输入大于0的正整数，第二段代码则允许输入大于等于0的非负整数。

摘要由CSDN通过智能技术生成

<el-input oninput="value=value.replace(/^0|[^0-9]/g,'')" v-model="ruleForm.frequency" placeholder="请输入数字" style="width: 200px;"/>

此时只能输入大于0的正整数。

<el-input onkeyup="value=value.replace(/[^\d]/g,'')" v-model="ruleForm.datediff" placeholder="请输入数字" style="width: 200px;" />

此时只能输入大于等于0的正整数。

关注

专栏目录