Element表單校驗
阿新 • • 發佈：2019-02-19
bsp model http valid trigger chang rul ack div 1.表單要綁定一個對象 :model="ruleForm", 然後綁定規則:rules=rule
2.要檢驗的form-item要添加prop,例如:prop="url"
3.在return內定義規則
自定義校驗規則:
1:定義規則
var isUrl = (rule, value, callback) => {
var matchUrl = /(http|ftp|https):\/\/[\w\-_]+(\.[\w\-_]+)+([\w\-\.,@?^=%&:/~\+#]*[\w\-\@?^=%&/~\+#])?/
if (value.trim().length > 1000) { callback(new Error(‘不能超過1000個字符‘)) $(this.$refs.qrcode).empty() return } else { if (!matchUrl.test(value.trim())) { callback(new Error(‘不是正確網址‘)) $(this.$refs.qrcode).empty() return } } } 2:引用規則 rules: { url: [ { validator: isUrl, trigger: ‘change‘ } ] }
if (value.trim().length > 1000) { callback(new Error(‘不能超過1000個字符‘)) $(this.$refs.qrcode).empty() return } else { if (!matchUrl.test(value.trim())) { callback(new Error(‘不是正確網址‘)) $(this.$refs.qrcode).empty() return } } } 2:引用規則 rules: { url: [ { validator: isUrl, trigger: ‘change‘ } ] }
Element表單校驗