element 表單自定義校驗

2021-10-19 22:25:25 字數 841 閱讀 4186

element 表單自定義校驗備份

涉及開始時間,結束時間,時間間隔

rules

rules: ,,],

enddate: [,,

],maintaininterval: [,,

],maintaingrade: ,

},

對應的規則說明

在data(){}中return上面宣告對應的規則

const enddaterules = (rule, value, callback) =>  else if (type == 'day')  else 

callback();

} else if (type == 'week') else

} else if (type == 'month') else

} else if (type == 'quarter') else

} else if (type == 'half') else

} else if (type == 'year') else

}} else

};const startdaterules = (rule, value, callback) => ;

const maintainintervalrules = (rule, value, callback) => ;

監聽

如果間隔週期改變,執行結束時間的表單校驗

watch: 

},deep: true,

// immediate: true

},},

element自定義表單驗證

validate.js param path returns export function i ternal path 手機號碼 param s export function checkphone rule,value,callback if value if number.isinteger ...

layui自定義表單校驗

自定義乙個金額的校驗 charset utf 8 自定義驗證title 自定義驗證legend fieldset class layui form action class layui form item class layui form label 金額label class layui inpu...

element 封裝form整合校驗自定義內容

後台管理系統使用form的頻率非常高,並且存在不同的校驗,如果不加以封裝,大量的ifelse存在,不同人可能寫不同的校驗規則,大大增加了維護的難度。封裝乙個form元件 讓校驗規則全部交由元件處理。封裝好解決了很多需求 記錄並且分享下 接解了校驗,讓校驗由元件來處理,傳入相應校驗規則即可。使用ren...