如圖,驗證功能點名稱,長度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...