- 正则表达式
/^[0-9]+([.]{1}[0-9]+){0,1}$/
- Number()方法
Number(),可以数字或字符串转成对应的小数或者整数
Number(1) // 1
Number(1.2) // 1.2
Number(1.20) // 1.2
Number(01.1) // 报错
Number("01.1") // 1.1
Number("1.100") // 1.1
Number(".") // NaN
Number("1.2.1") // NaN
Number("sjdffd551") // NaN
3.使用场景-input框只能输入整数或小数
方法一
// inputValue为input框中的值
if (!inputValue.match(/^[0-9]+([.]{1}[0-9]+){0,1}$/)) {
return message.info('请输入整数或小数');
}
方法二
// inputValue为input框中的值
const inter = Number(inputValue);
if (Number.isNaN(inter)) {
return message.info('请输入整数或小数');
}
4.vue+element-ui校验用法
data() {
var checkAge = (rule, value, callback) => {
if (!value) {
return callback(new Error('年龄不能为空'));
}
setTimeout(() => {
if (!value.match(/^[0-9]+([.]{1}[0-9]+){0,1}$/)) {
callback(new Error('请输入数字值'));
}else {
callback();
}
}, 1000);
};
}
rules:{
region:[
{required:true,message:'请选择项目',trigger:'change'}
],
type:[
{type:'date',required:true,message:'请选择版本号',trigger:'change'}
],
name:[
{validator:checkName,trigger:'blur'}
]
}