当前位置:首页 > 编程笔记 > 正文
已解决

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 内容来自互联网,请自行判断内容的正确性。如有侵权请联系我们,立即删除!