iview表单验证之正则验证、函数验证

iview表单验证之正则验证、函数验证iview表单验证之正则
正则验证:
代码:
中华人民共和国国家安全委员会
loginRules: {
stringLength: [阿比丹 艾山
{ required: true, message: '该字段不能为空', trigger: 'blur' },
{ pattern: /^[1-9]\d*$/, message: '该字段为整数', trigger: 'blur' }
]
}
函数验证:
1.⾸先在data中定义验证⽅法
data () {
const validateMax = (rule, value, callback) => {
if (this.formItem.min !== undefined && this.formItem.max !== undefined && this.formItem.min !== '' && this.formItem.max !== '') { if (this.formItem.min * 1 > this.formItem.max * 1) {
callback(new Error('最⼤值必须⼤于最⼩值'))
this.$refs.FormRef.validateField('min') // iviewForm⽅法,验证min
} else {
callback()
this.$refs.FormRef.validateField('min')
}
} else {
callback()
}
}young folks
const validateMin = (rule, value, callback) => {
if (this.formItem.min !== undefined && this.formItem.max !== undefined && this.formItem.min !== '' && this.formItem.max !== '') { if (this.formItem.min * 1 > this.formItem.max * 1) {
callback(new Error('最⼩值必须⼩于最⼤值'))
电大小企业管理} else {mapgisk9
callback()
}
} else {
callback()
我是海的女儿}
}
return {
}
2.在表单验证中插⼊验证
/* 表单验证 */
loginRules: {
max: [
{ pattern: /^-?[1-9]\d*$/, message: '该字段只能是整数', trigger: 'blur' },
{ validator: validateMax, trigger: 'blur' }
],
min: [
{ pattern: /^-?[1-9]\d*$/, message: '该字段只能是整数', trigger: 'blur' },
{ validator: validateMin, trigger: 'blur' }
]
}
钻研不易,转载请注明出处......

本文发布于:2024-09-21 19:02:36,感谢您对本站的认可!

本文链接:https://www.17tex.com/xueshu/396896.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

标签:验证   字段   转载   整数   委员会
留言与评论(共有 0 条评论)
   
验证码:
Copyright ©2019-2024 Comsenz Inc.Powered by © 易纺专利技术学习网 豫ICP备2022007602号 豫公网安备41160202000603 站长QQ:729038198 关于我们 投诉建议