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

简介: 前端工作总结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('验证失败')
          }
        })
      },
相关文章
|
3月前
|
前端开发 数据安全/隐私保护
前端技术实战:React Hooks 实现表单验证
【10月更文挑战第1天】前端技术实战:React Hooks 实现表单验证
|
3月前
|
前端开发 JavaScript 小程序
前端uni开发后端用PHP的圈子系统该 如何做源码?
圈子系统系统基于TP6+Uni-app框架开发;客户移动端采用uni-app开发,管理后台TH6开发。系统支持微信公众号端、微信小程序端、H5端、PC端多端账号同步,可快速打包生成APP
|
5月前
|
Java 开发者 关系型数据库
JSF与AWS的神秘之旅:如何在云端部署JSF应用,让你的Web应用如虎添翼?
【8月更文挑战第31天】在云计算蓬勃发展的今天,AWS已成为企业级应用的首选平台。本文探讨了在AWS上部署JSF(JavaServer Faces)应用的方法,这是一种广泛使用的Java Web框架。通过了解并利用AWS的基础设施与服务,如EC2、RDS 和 S3,开发者能够高效地部署和管理JSF应用。文章还提供了具体的部署步骤示例,并讨论了使用AWS可能遇到的挑战及应对策略,帮助开发者更好地利用AWS的强大功能,提升Web应用开发效率。
81 0
|
5月前
|
移动开发 前端开发 JavaScript
前端表单验证的完美攻略:HTML5属性与JavaScript方法的无缝对接,让你的Web应用数据输入既安全又优雅
【8月更文挑战第31天】本文介绍前端表单验证的重要性及其实现方法,利用HTML5的内置属性如`required`、`pattern`和`minlength`进行基本验证,并借助JavaScript处理复杂逻辑,如密码确认。通过示例代码详细展示了如何结合两者实现高效且友好的表单验证,同时使用CSS增强用户体验。此方法简化开发流程并提升验证效果。
142 0
|
前端开发 JavaScript
“构建高效的前端表单验证与增删改功能实现“
“构建高效的前端表单验证与增删改功能实现“
68 0
|
前端开发 JavaScript
前端工作总结195-vue带参数跳转其他页面
前端工作总结195-vue带参数跳转其他页面
116 0
前端工作总结195-vue带参数跳转其他页面
|
前端开发
前端工作总结182-element-ui el-table sortable属性 参数详解
前端工作总结182-element-ui el-table sortable属性 参数详解
428 0
前端工作总结182-element-ui el-table sortable属性 参数详解
|
前端开发
前端工作总结147-custom组件
前端工作总结147-custom组件
123 0
前端工作总结147-custom组件
|
前端开发
前端工作总结146-nexttick的使用
前端工作总结146-nexttick的使用
104 0
前端工作总结146-nexttick的使用
|
前端开发
前端工作总结145-页面布局
前端工作总结145-页面布局
110 0
前端工作总结145-页面布局

热门文章

最新文章