antDvueinput输⼊限制以及提⽰原创:
孙悟空打妖怪转载注明出处
1.定义表单输⼊框中的值的规则
在ant design vue中, "v-decorator"可以看成是v-model,和vue中的双向绑定作⽤类似
——v-decorator="[id, options]"
其中的id:必填输⼊控件唯⼀标志。⽀持嵌套式的写法。——算是⼀个普通的id名
options:⼀般是书写对于表单框中的值的验证 ——即 validatorRules.(⾃定义的变量值)
2.书写表单规则
rules:⽀持多个api(官⽹中有说)
len:字段长度 number
max:最⼤长度 number
message:校验⽂案(即提醒信息) string
min:最⼩长度 number
香卤肉pattern:正则表达式校验 RegExp
七色花的读后感合作精神required:表单框是否必填 boolean
validator:⾃定义校验规则(校验函数) function(rule,value,callback)
whitespace:必填时空格是否会被视为错误
validatorRules:{
//修改
name:{
rules:[ //rules是验证规则,
苹果手机有锁和无锁的区别
{
智姓required:true, //是否为必填,否则将会出现提⽰信息
新疆我的家message:'请输⼊团名称' //当输⼊框为空时,呈现出的提⽰信息
},
{
validator:this.checkName //⾃定义的校验函数
}
]
送教上门工作实施方案
}
//修改
},