vue表单验证插件vue-verify-plugin
下载
npminstallvue-verify-plugin--save
⾥⾯引⼊(很多组件需要⽤到，直接全局引⽤)
//引⼊表单验证
importverifyfrom"vue-verify-plugin";
(verify,{
blur:true//失焦是否触发
})
3.在需要的组建⾥
//在template部分
//js部分
data(){
return{
name:"",//昵称
}
}
//验证插件
verify:{
name:["required",{//required必填
//⾃定义验证
test:function(val){
letnameIndex=f(val);
if(nameIndex!==-1){
returnfal;
}
returntrue;
},
//fal显⽰message
message:'此昵称重复，请修改！'
}]
},
verify:{
name:["required","emial"]//官⽅提供的邮箱验证
}
//提交姓名
submitName:function(){
(this.$());//群不通过为true
if(this.$()){
ePhone=fal;
("我成功了");
//可以执⾏ajax
}
}
本文发布于:2023-01-02 15:05:36，感谢您对本站的认可！
本文链接：http://www.wtabcd.cn/fanwen/fan/90/78441.html
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系，我们将在24小时内删除。
| 留言与评论（共有 0 条评论） |
