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' }
]
}