首页 > 其他 > 详细

Element表单校验

时间:2019-02-19 14:15:56      阅读:282      评论:0      收藏:0      [点我收藏+]
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‘ }
]
}

Element表单校验

原文:https://www.cnblogs.com/liyujava/p/10396477.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!