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

最新推荐文章于 2024-01-31 16:21:35 发布
最新推荐文章于 2024-01-31 16:21:35 发布
阅读量6.2k 收藏 7
点赞数 1
分类专栏： # element 文章标签： 前端 javascript vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Schaffer_W/article/details/128833801
版权
1. el-input限制输入为数字且必须大于0
<el-input oninput="value=value.replace(/^0|[^0-9]/g,'')" v-model="ruleForm.frequency" placeholder="请输入数字" style="width: 200px;"/>

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

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

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

Schafferyy
关注
  • 1
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue element-ui实现input输入框金额数字添加千分位
10-15
主要介绍了vue element-ui实现input输入框金额数字添加千分位,本文给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下
element el-input directive数字进行控制
10-17
本文介绍了vue使用directive 进行控制的方法，使用element开发的过程中遇到循环的数据只能输入数字，并且有不要小数点，有需要小数点的，就有一定的参考价值，有兴趣的可以了解一下
element ui组件 el-input只能数据整数，且设置不能小于0大于10
最新发布
mq1314520_zhl的博客
01-31 2626
第一个属性：type=“number” input的原生属性，标明input框的类型第二个属性： step=“0.5” input的原生属性，type=“number” 时生效， 标明输入字段的合法数字间隔（假如 step=“0.5”，则合法数字应该是 -0.5、0、0.5、1，以此类推）第三个属性： min=“0” max=“10” min 属性规定输入字段所允许的最小值。max 属性规定输入字段所允许的最大值。min 属性与 max 属性配合使用，可创建合法值范围。
el-input输入限制（只能输入0-100的正整数，最小值~最大值联动）
Yugoup的博客
07-31 6044
只能输入0-100的正整数。
el-input 限制输入框只能输入数字和小数
热门推荐
string佳佳的博客
10-08 3万+
oninput =“value=value.replace(/[^\d]/g,’’)” //只能输入数字 oninput =“value=value.replace(/[^0-9.]/g,’’)” //只能输入数字和小数 <el-input v-model="sjje" oninput ="value=value.replace(/[^0-9.]/g,'')" class="money ...
input输入限制
weixin_47200160的博客
05-09 1526
input的限制只能输入数字的小需求： 在日常项目开发过程中，我们经常会用到 ElementUI 这个组件库，其中的 el-input组件并没有对数字的进行限制的功能，特别是有的项目中需要限制只能填写数字，不能为负数，不能有多个小数点，小数位多少，整数位多少等等。为实现这些需求，组件默认的功能就很难满足了，需要专门写代码来控制。 为了减少开发成本，提高工作效率，我整理了如下2种方法，大家可以根据实际情况使用，以下方法仍旧适用普通 input 标签。 方法一：使用行内正则控制 方法二：使用封装的通用方法进行更
el-input 限制只能输入数字类型
Wang_make的博客
04-20 3038
只能输入数字类型 提示：使用正则过滤输入值 方法一 输入不符合字符后，不清空原来数字 <template> <el-input v-model.number="nCapacity" onkeyup="value=value.replace(/^\.+|[^\d.]/g,'')" @input="fnShareCapacityInput"> </el-input> </template> <scri
element--el-input限制输入为数字
qq_32184753的博客
07-21 1585
1:el-input限制输入为数字且必须大于0。2:el-input限制输入为数字。
关于element-ui表单中限制输入纯数字的解决方式
10-14
主要介绍了关于element-ui表单中限制输入纯数字的解决方式，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue element-ui el-date-picker限制选择时间为当天之前的代码
10-16
主要介绍了vue element-ui el-date-picker如何限制选择时间为当天之前,文中给大家提供了代码段和截图，非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下
Vue + Element-ui的下拉框el-select获取额外参数详解
10-14
在Vue.js框架中，Element-ui库提供了一套丰富的UI组件，其中包括用于创建下拉框的`el-select`组件。在实际开发中，我们可能需要在用户改变选择时获取额外的信息，比如当前行的数据或者自定义的属性。本文将详细介绍...
el-input限制只能输入数字
Away946的博客
11-17 1093
Vue el-input限制只能输入数字
e-input中如何只能输入大于0的数字
qq_42931285的博客
04-30 865
e-input中如何只能输入大于0的数字
el-input输入框数字，小数点，字母等多种类型限制
liang04273的博客
11-06 5857
【代码】el-input输入框数字，小数点，字母等多种类型限制。
Element UI el-input校验，只能输入大于0的正整数、数字、小数点后两位
m0_58565372的博客
06-22 1万+
在el-input写入oninput="if(isNaN(value)) { value = null } if(value.indexOf('.')>0){value=value.slice(0,value.indexOf('.')+3)}"在el-input写入oninput="if(value.indexOf('.')>0){value=value.slice(0,value.indexOf('.')+3)}"4.只能输入数字并且最多取到小数点后两位数字（2和3的合并）1.只能输入大于0的正整数。
Element-ui 中 el-input 输入框显示：输入字数以及限制输入字数
migexiaoliang的博客
07-16 1万+
项目中使用Element-ui中el-input输入框显示输入字数以及限制输入字数。
el-input限制只能输入规定的数
Itmei的博客
07-26 2819
el-input限制只能输入正整数。
el-input只能输入大于0的整数，而且范围是0~360
Aa12364567的博客
08-12 2332
el-input只能输入大于零的整数，且范围是0~360
el-input限制不能输入复数
07-28
要限制输入框不能输入负数，你可以结合使用 Element UI 的输入框组件和自定义的验证规则。下面是一个示例代码： ```vue <template> <el-input v-model="inputValue" :rules="rules" placeholder="请输入非负数"></el-input> </template> <script> export default { data() { return { inputValue: '', rules: [ { validator: (rule, value, callback) => { if (!value || value >= 0) { callback(); } else { callback(new Error('请输入非负数')); } }, trigger: 'blur' } ] }; } } </script> ``` 在上述代码中，我们使用了 Element UI 的输入框组件 `el-input`，并绑定了 `inputValue` 属性用于双向绑定输入框的值。同时，我们定义了 `rules` 数组，其中包含一个自定义的验证规则。 该验证规则使用了 `validator` 函数，在输入框失去焦点时触发。在函数中，我们判断输入的值是否为空或者大于等于0，如果是，则调用 `callback()` 表示验证通过，如果不是，则调用 `callback(new Error('请输入非负数'))` 表示验证失败。 这样，用户在输入框中输入负数时，会得到相应的错误提示。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值