elementUI el-input 只能输入验证的操作方法效果demo(整理)
2023-09-14 09:04:05 时间
只允许输入数字
<el-input type="number" placeholder="请输入" min="1" oninput ="value=value.replace(/[^\d]/g,'')" v-model.number="count"></el-input>
只允许输入数字和小数
oninput ="value=value.replace(/[^0-9.]/g,'')"
允许输入小数点后几位:
// 保留一位小数
oninput="if(isNaN(value)) { value = parseFloat(value) } if(value.indexOf('.')>0){value=value.slice(0,value.indexOf('.')+2)}"
// 若需要保留N位小数,则把2 改为 1 + n即可
设置范围,最大值,最小值,监听input 及 change事件
<el-input min="0" max="100" type="number" @input="numberChange($event, 100)" @change="numberChange($event, 100)" onKeypress="return (/[\d]/.test(String.fromCharCode(event.keyCode || event.which))) || event.which === 8" v-model.number="count"></el-input>
numberChange (val, max) {
this.$nextTick(() => {
this.count = Math.min(parseInt(val), max)
})
}
1.正数,不能输入小数和小数点,只能输入 正整数,大于0的
<el-form-item label="安全库存:" prop="safeQty" class="meter_one" style="margin-top: 10px">
<el-input
v-model="form.safeQty"
type="number"
min="0"
@input="form.safeQty=form.safeQty.replace(/^(0+)|[^\d]+/g,'')"
placeholder="请输入安全库存"/>
</el-form-item>
2.小数点保留4位
<el-form-item label="净重KG:" prop="netWeight" class="meter_one" style="margin-top: 10px">
<el-input
v-model="form.netWeight"
type="number"
placeholder="请输入净重KG"
oninput="if(isNaN(value)) { value = null } if(value.indexOf('.')>0){value=value.slice(0,value.indexOf('.')+5)}"
/>
</el-form-item>
感谢您的支持
相关文章
- Python学习:输入与输出教程
- 零基础学Java(5)输入与输出
- 从URL输入到页面展现到底发生什么?
- shell read读取控制台输入
- ACL2021 | 多粒度输入信息不降低推理速度,腾讯看点提出高效预训练方法LICHEE
- textField限制只能输入一定长度的字符详解手机开发
- 行输入exit关闭Linux命令行(关闭linux命令)
- cin.peek():C++查看输入流中的下一个字符
- Linux 开启强大的输入语义之旅(linux输入法推荐)
- 如何在 Linux 系统中输入 emoji
- 解决MySQL输入密码出现闪退问题(mysql输入密码闪退)
- Linux 快速卓越的文本输入功能(linux 写入文本)
- 如何在MySQL控制台中输入中文(mysql 控制台 中文)
- linux:拥抱开源世界(linux标准输入)
- 31省份新增本土确诊47例 江苏26例:云南新增本土确诊1例 境外输入9例
- 转一个日期输入控件,支持FF
- 日历显示读出输入的年月的java代码
- java从输入流中获取数据并返回字节数组示例