antDvueinput输入限制以及提示

更新时间:2023-06-19 11:01:29 阅读: 评论:0

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    //⾃定义的校验函数
}
]
送教上门工作实施方案
}
//修改
},

本文发布于:2023-06-19 11:01:29,感谢您对本站的认可!

本文链接:https://www.wtabcd.cn/fanwen/fan/89/1045486.html

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

标签:校验   信息   表单
相关文章
留言与评论(共有 0 条评论)
   
验证码:
推荐文章
排行榜
Copyright ©2019-2022 Comsenz Inc.Powered by © 专利检索| 网站地图