en-input输入框限制可以负号、数字、以及两位小数

 只能输入数字

<!-- 只能输入数字,且长度最长为16位(maxlength="16") -->
<el-input
 v-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-input
 v-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-input
  v-model.trim="form.testA"
  maxlength="16"
  oninput="value=value.replace(/^([0-9-]\d*\.?\d{0,2})?.*$/,'$1')"
  @blur="form.testA=$event.target.value"
/>

 Tps: 若输入中文后,在输入正确的值,值没有变化、显示上一次的值,可在@change中传入$event:

<el-input
  v-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) // 赋值
}

 

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-04-06 23:46:02       98 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-04-06 23:46:02       106 阅读
  3. 在Django里面运行非项目文件

    2024-04-06 23:46:02       87 阅读
  4. Python语言-面向对象

    2024-04-06 23:46:02       96 阅读

热门阅读

  1. Docker in Docker原理与实战

    2024-04-06 23:46:02       37 阅读
  2. 移动点的函数

    2024-04-06 23:46:02       42 阅读
  3. 使用神经网络识别病毒序列

    2024-04-06 23:46:02       39 阅读
  4. cmake学习笔记2

    2024-04-06 23:46:02       40 阅读
  5. 渗透测试、人肉搜索算不算犯罪?

    2024-04-06 23:46:02       38 阅读
  6. RabbitMQ死信队列

    2024-04-06 23:46:02       34 阅读
  7. react组件:strictmode

    2024-04-06 23:46:02       39 阅读
  8. 全错排列c++代码

    2024-04-06 23:46:02       35 阅读
  9. 2024.3.23力扣每日一题——统计桌面上的不同数字

    2024-04-06 23:46:02       38 阅读