微客导航 » 文章资讯 » vue-form表单验证是否为空值的实例详解

vue-form表单验证是否为空值的实例详解

2023-08-10 04:25:04 295

重点部分：点击表单的submit按钮触发form部分@submit=”submit”事件：

submit事件定义在js部分：

prevent：文档上说了在事件后面加上.prevent就可以阻止默认事件了。

form@submit.prevent=”submit”







girl

请选择一个导购： {{guild.name}}

data(){
return{
userName:'',//请输入你的姓名
selectedSex:'',//选择性别
phoneNumber:'',//请输入你的手机号
guilds:[],
selectedGuild:''///请选择一个导购
}
},
methods:{

//1.重点是这个方法submit(){}-form@submit.prevent="submit"-重点是这个方法submit(){},
//2.可以在这里向服务器发送数据
submit(){

if(!this.userName){
showToast('请输入姓名!')
returnfalse
}

if(!this.phoneNumber){
showToast('请输入手机号码!')
returnfalse
}

if(!checkTel(this.phoneNumber)){
showToast('手机号格式不正确')
returnfalse
}

if(!this.selectedGuild){
showToast('请选择导购!')
returnfalse
}

returntrue
}
}

以上这篇vue-form表单验证是否为空值的实例详解就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。

声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

返回顶部
3162201930
czq8825@qq.com

vue-form表单验证是否为空值的实例详解

热门推荐

随机推荐