本文环境:windows7、vue2.9.6,该方法适用于所有品牌的电脑。

vue.js用正则表达式的方法:

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'},
     ],
 }

以上就是vue.js怎么用正则表达式的详细内容,更多请关注其它相关文章!