vue rules表單校驗規則取消

2021-10-03 17:09:39 字數 990 閱讀 2972

在系統中,新增資料和編輯資料一般共用乙個對話方塊,但存在個別項是新增資料中存在而編輯資料中不存在的項,那麼這種情況下如何進行校驗呢,如果直接在rules裡寫上該項的校驗,那麼提交編輯時將會提示缺少該項引數。

(1)為el-form加上【:rules="userinfoformrules"】,並在data中宣告userinfoformrules如下:

userinfoformrules: 

],realname: ,

no: ,

password: [

,$/,

message: "請輸入長度為6-16位包含數字、字母、特殊字元的密碼",

trigger: "blur"}],

mobile: [

,$/,

message: "手機號碼格式錯誤",

trigger: "blur"}],

email: [

,@[a-z0-9\-](\.[a-z])$/i.test(

value

) == false

) else

},trigger: "blur"}]

},

(2)為密碼加加上校驗判斷【:rules="this.userinfoformtitle=='新增使用者' ? userinfoformrules.password:"】,只有當對話方塊標題為「新增使用者」時才加入【userinfoformrules.password】中的校驗,否則校驗為空【】

工作187 表單校驗規則

這種方式需要在data 中寫入rule 對於需要校驗欄位prop中的如visitorname寫上驗證規則,如下 data rule cardcode d d d x x message 請輸入正確的身份證號碼 trigger blur 其中對於有些需要自定義的校驗規則可以作為變數寫在data中 da...

工作188 表單校驗規則

1繫結rules 2data裡面宣告 return blur 是滑鼠失去焦點的時候會觸發驗證 platform blur 是滑鼠失去焦點的時候會觸發驗證 department id blur 是滑鼠失去焦點的時候會觸發驗證 column blur 是滑鼠失去焦點的時候會觸發驗證 resource t...

表單的自定義校驗規則

在工作中使用得挺多的表單自定義校驗規則的,所以打算記錄下來,以後需要的時候再來檢視.在utils資料夾下建立check.js檔案,然後就寫自定義校驗規則,在匯出,如下 const isvalidusername str const i ternal path 校驗手機號碼 正則 手機號 精確 移動 ...