【记录】vue element表单数字或小数校验遇到的坑
做个表单输入数字的校验,要求可以是小数,最多输入小数点后4位。在网上查找了方法,有个放错了地方,导致没有生效,在此记录一下。data() {var isnumber = (rule, value, callback) => {if (!value) {callback();...
·
做个表单输入数字的校验,要求可以是小数,最多输入小数点后4位。
在网上查找了方法,有个放错了地方,导致没有生效,在此记录一下。
data() {
var isnumber = (rule, value, callback) => {
if (!value) {
callback();
} else {
var reg = /^-?\d{1,16}(?:\.\d{1,4})?$/;//小数点左边最高16位,小数点右边最多4位
if (reg.test(value)) {
callback();
} else {
callback(new Error("输入正确的数字,小数点后可1到4位"));
}
}
};
return {}
就是这个isnumber放在了return{}后面导致校验不生效;放在前面就有用了。
用validator校验的。具体怎么写,可以查到很多。
更多推荐
已为社区贡献1条内容
所有评论(0)