iview表单验证必要设置

1. 给 Form 标签用 :model 绑定数据

2. 给 Form 标签里面必须添加 ref , 用于最后提交获取 Form 表单的实例

3. 给 Form 设置属性 rules :rules

4. 给需要验证的每个 FormItem 设置属性 prop , 用于表单验证和绑定属性一致

iview验证多个表单问题

export default {

methods:{

this.$refs.addForm.validate((valid) => {

//第一层验证第一个表单

if (valid) {

this.$refs.editForm.validate((valid) => {

//第二层验证第二个表单

if(valid){

alert('验证成功')

}

})

}

})

}

}

iview自定义表单验证

export default {

data() {

var validateName = function(rule, value, callback){

if(!value){

return callback(new Error("请输入名称"));

}else if(!/^[\u4e00-\u9fa5]+$/.test(value)){

return callback(new Error("请正确输入名称&#