前端工作总结242-uni-提交成功加入表单验证

增加验证规则
<u-form :model="form" :rules="rules" ref="uForm" :errorType="errorType">
<navigator url="../LevineHua-editor/LevineHua-editor" class="single">
<u-form-item label="荣誉照片" prop="container" label-width="150">
<input placeholder="请输入荣誉照片" v-model="form.container" type="texarea" />
</u-form-item>
</navigator>
//提交
submit() {
//验证
this.$refs.uForm.validate(valid => {
if (valid) {
this.form.marketId = this.vuex_user.market_id
this.form.createdBy = this.vuex_user.name
this.form.loginId = this.vuex_user.id
//接口请求
this.$u.api.getHonorAdd(this.form).then(res => {
if (res.data.code == 200) {
this.$refs.uToast.show({
title: res.data.message,
type: 'success',
back: true
})
}else{
this.$refs.uToast.show({
title: res.data.message,
type: 'error',
})
}
})
} else {
console.log('验证失败')
}
})
},

posted @   前端导师歌谣  阅读(38)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 25岁的心里话
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· 零经验选手,Compose 一天开发一款小游戏!
· 一起来玩mcp_server_sqlite,让AI帮你做增删改查!!
点击右上角即可分享
微信分享提示