已解决
vue input输入框限制输入负号、数字、以及两位小数
来自网友在路上 175875提问 提问时间:2023-09-28 11:36:48阅读次数: 75
最佳答案 问答题库758位专家为你答疑解惑
只能输入数字
<!-- 只能输入数字,且长度最长为16位(maxlength="16") -->
<el-inputv-model.trim="form.testA"maxlength="16"onkeyup="value=value.replace(/\D/g,'')"onafterpaste="value=value.replace(/\D/g,'')"@blur="form.testA=$event.target.value"
只能输入数字,允许输入小数点,且只能输入两位小数(正数、0)
<!-- 只能输入数字,允许输入小数点,且只能输入两位小数(正数) -->
<el-inputv-model.trim="form.testA"maxlength="16"oninput="value=value.replace(/^\D*([0-9]\d*\.?\d{0,2})?.*$/,'$1')"@blur="form.testA=$event.target.value"
/>
只能输入数字,允许输入小数点和负号,且只能输入两位小数(正数、负数、0)
<!-- 只能输入数字,允许输入小数点和负号,且只能输入两位小数(正数、负数、0) -->
<el-inputv-model.trim="form.testA"maxlength="16"oninput="value=value.replace(/^([0-9-]\d*\.?\d{0,2})?.*$/,'$1')"@blur="form.testA=$event.target.value"
/>
若输入中文后,在输入正确的值,值没有变化、显示上一次的值,可在@change中传入$event:
<!-- -->
<el-inputv-model.trim="form.testA"maxlength="16"oninput="value=value.replace(/^([0-9-]\d*\.?\d{0,2})?.*$/,'$1')"@blur="form.testA=$event.target.value"@change="changeContent(row, $index, $event)"
/>changeContent(row,index,event) {this.$set(row, 'testA', event) // 赋值
}
参考地址:https://blog.csdn.net/Sweet_Waf/article/details/129661493
查看全文
99%的人还看了
相似问题
猜你感兴趣
版权申明
本文"vue input输入框限制输入负号、数字、以及两位小数":http://eshow365.cn/6-15159-0.html 内容来自互联网,请自行判断内容的正确性。如有侵权请联系我们,立即删除!
- 上一篇: Jenkins结合Gitlab,实现镜像构建及推送
- 下一篇: codesys【虚轴】