vue中数字校验
vue中数字校验的方式我用过的有几种第一种:原生的方式 isNaN,isNaN() 函数用于检查其参数是否是非数字值//输入的值校验this.addDepotData.forEach((row) => {if (row.invoiceCode === "" || isNaN(row.invoiceCode)) {this.$message.error("发票代码请输入数字");flag =
·
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
官网截图:
复杂场景使用正则:
等等
更多推荐
已为社区贡献5条内容
所有评论(0)