這種方式需要在data()中寫入rule{},對於需要校驗欄位prop中的如visitorname寫上驗證規則，如下：
data() ,
rule: ,,],
cardcode: [,,
$)|(^\d$)|(^\d(\d|x|x)$)/,
message: '請輸入正確的身份證號碼',
trigger: 'blur'}]}}}
data() $/
var validatenewpwd = (rule, value, callback) => else if (this.form.oldpasswd === value) else
}var validatecomfirmpwd = (rule, value, callback) => else if (this.form.newpasswd !== value) else
}return ,
rules: ,
],comfirmpwd: [,]}}}
先看需求效果圖
對應的資料結構：
對應刪除增加表單項的操作為：
addphone() )
},deletephone(item) else
},
渲染出來的html為：
工作188 表單校驗規則
1繫結rules 2data裡面宣告 return blur 是滑鼠失去焦點的時候會觸發驗證 platform blur 是滑鼠失去焦點的時候會觸發驗證 department id blur 是滑鼠失去焦點的時候會觸發驗證 column blur 是滑鼠失去焦點的時候會觸發驗證 resource t...
vue rules表單校驗規則取消
在系統中，新增資料和編輯資料一般共用乙個對話方塊，但存在個別項是新增資料中存在而編輯資料中不存在的項，那麼這種情況下如何進行校驗呢，如果直接在rules裡寫上該項的校驗，那麼提交編輯時將會提示缺少該項引數。1 為el form加上 rules userinfoformrules 並在data中宣告u...
表單的自定義校驗規則
在工作中使用得挺多的表單自定義校驗規則的,所以打算記錄下來,以後需要的時候再來檢視.在utils資料夾下建立check.js檔案,然後就寫自定義校驗規則,在匯出,如下 const isvalidusername str const i ternal path 校驗手機號碼 正則 手機號 精確 移動 ...