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