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

梦翼横空2023-12-28 21:45

只能输入数字

javascript 复制代码

<!-- 只能输入数字，且长度最长为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）

javascript 复制代码

<!-- 只能输入数字，允许输入小数点，且只能输入两位小数（正数） -->
<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）

javascript 复制代码

<!-- 只能输入数字，允许输入小数点和负号，且只能输入两位小数（正数、负数、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"
/>