element 驗證詳解 自定義驗證規則

2021-09-29 22:47:25 字數 1055 閱讀 6737

如圖,驗證功能點名稱,長度1-20並且是數字和字母的組合。

長度是1-20,這個很好辦,直接 el-form表單上新增:rules="rules", 新增個ref="ruleform",下面提交的時候好識別 ,prop="powername"就是對應的規則的名稱了

取 消

確 定

然後對應的 js 裡面新增規則 ,(這裡只例舉個簡單的,具體的請移步官方),當required: true的時候,前面會自動帶上紅色的小星星,提示是必填的

rules: ,

],description: [,],

},

然後提交的方法這麼寫,就行了

ensure(powername) else 

});},

但是我們還想要 數字和字母的組合,這種私人訂製的官方裡面可沒有哇,這時候我們就得自定義,正則和element自帶驗證規則結合起來用了

首先,在咱們需要驗證的地方,新增, validator這就是告訴**,這裡要自定義了,自定義驗證的規則的名字叫做validatename, 一共有三個引數,rule, value, callback,列印一下就知道是啥了

如有不足,歡迎指出 ^ - ^

element自定義表單驗證

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

element自定義驗證規則

需求1 獲取到某個輸入框內容並判斷是否符合規則要求 以 號為例 dataforget.captcha placeholder 請輸入手機或郵箱驗證碼 prefix icon el icon edit el input let isphone 00 86 1 3 d 4 5 7 9 5 0 3 5 9...

element 表單自定義校驗

element 表單自定義校驗備份 涉及開始時間,結束時間,時間間隔 rules rules enddate maintaininterval maintaingrade 對應的規則說明 在data 中return上面宣告對應的規則 const enddaterules rule,value,cal...