vue中数字校验的方式我用过的有几种

第一种:原生的方式 isNaN,isNaN() 函数用于检查其参数是否是非数字值

//输入的值校验
this.addDepotData.forEach((row) => {
  if (row.invoiceCode === "" || isNaN(row.invoiceCode)) {
    this.$message.error("发票代码请输入数字");
    flag = false;
    return false;
  }
  if (row.invoiceNoStart === "" || isNaN(row.invoiceNoStart)) {
    this.$message.error("发票起始号码请输入数字");
    flag = false;
    return false;
  }
  if (row.invoiceNoEnd === "" || isNaN(row.invoiceNoEnd)) {
     this.$message.error("发票结束号码请输入数字");
     flag = false;
     return false;
   }
})

第二种:结合element中的form表单校验

比如:input框选用<el-input-number></el-input-number>,输入时只允许输入数字

还有就是使用input,但是在绑定中添加.number 

官网截图:

复杂场景使用正则:

等等

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐