form表单检验rules之数字校验

爱海洋的兔子

已于 2023-12-21 18:10:20 修改

阅读量1.6k

点赞数 1

文章标签： elementui vue

于 2023-03-23 19:21:20 首次发布

本文链接：https://blog.csdn.net/juanjuan_159/article/details/129737436

版权

文章介绍了如何使用一行JavaScript代码在Vue.js的el-input组件中进行数字输入的校验，包括不允许输入非数字字符以及处理00变为0的特殊情况，同时也提到了如何切换表单字段的必填和非必填状态。

摘要由CSDN通过智能技术生成

表单数字校验


Number: [
  {required: true, message: "数量不能为空", trigger: "blur"},
  {
    pattern: /^(0|[1-9][0-9]*)$/,
    message: "请输入数字",
    trigger: "blur"
  }
]

若是非必填，把required：false

==================================================================

找到一种简便的方法。只需一行代码可达到效果。

οninput="if(this.value=='00'){this.value='0';}else{this.value=this.value.replace(/[^0-9]/g,'')}"

<el-input
οninput="if(this.value=='00'){this.value='0';}else{this.value=this.value.replace(/[^0-9]/g,'')}"
size="small"
v-model="formData.number"
placeholder="">
</el-input>