input输入限制:自动补全两位小数、金额限制两位小数、只能输入正整数

  • 金额自动补全两位小数
<el-input v-model.trim="form.invoice_price" clearable oninput="value=value.match(/\d+\.?\d{0,2}/,'')"  @blur="form.invoice_price=JEblurFn(form.invoice_price)"/>
function JEblurFn(value){
 return value=Number(value).toFixed(2)
}
  • 限制只能输入正整数
 <el-input v-model="form.phone" maxlength="20" oninput="value=value.replace(/[^0-9]/g,'')"></el-input>
  • 金额限制两位小数
<el-input v-model.trim="form.invoice_price" clearable oninput="value=value.match(/\d+\.?\d{0,2}/,'')"/>
  • 金额限制两位数,支持输入负数
<el-input v-model.trim="form.invoice_price"  clearable oninput="value=value.replace(/^([0-9-]\d*\.?\d{0,2})?.*$/,'$1')" 

最近更新

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

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

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

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

    2024-04-11 16:46:06       96 阅读

热门阅读

  1. 【ROS2笔记二】使用colcon构建ROS2工作空间

    2024-04-11 16:46:06       31 阅读
  2. (29)4.11通讯录

    2024-04-11 16:46:06       40 阅读
  3. 蓝桥杯练习题 —— A+B问题(python)

    2024-04-11 16:46:06       39 阅读
  4. vite和webpack的区别

    2024-04-11 16:46:06       36 阅读
  5. Nginx 请求的 匹配规则 与 转发规则

    2024-04-11 16:46:06       39 阅读
  6. 宝塔的nginx保活(守护)自用

    2024-04-11 16:46:06       41 阅读
  7. 【ADB】常见命令汇总(持续更新)

    2024-04-11 16:46:06       33 阅读
  8. Spring 统一功能处理

    2024-04-11 16:46:06       36 阅读
  9. Redis面试题

    2024-04-11 16:46:06       30 阅读
  10. 2024认证杯数学建模B题思路模型代码

    2024-04-11 16:46:06       36 阅读
  11. web蓝桥杯真题:新鲜的蔬菜

    2024-04-11 16:46:06       33 阅读