vue 使用正则表达式

element使用正则表达式验证

使用方法验证

使用validator定义方法

//?表示前面的内容出现0次或一次
const FloatRegex = /^(-?\d+)(\.\d+)?$/;

rule_between_hundred(rule, value, callback) {
    if (value == '' || value == undefined || value == null) {
        return callback(new Error('请输入'));
    }
    if (!FloatRegex.test(value)) {
        return callback(new Error('输入必须为浮点类型'));
    }
    if (parseFloat(value) < -100 || parseFloat(value) > 100) {
        return callback(new Error('取值应在-100至100之间'));
    }
    callback();
},

使用vue的数据定义验证

使用pattern定义规则

 formRules: {
     t1st_in: [
         {required: true, message: '请输入', trigger: 'blur'},
         {pattern: /^(-?\d+)(\.\d+)?$/, message: '浮点类型', trigger: 'blur'},
     ],
 }