yimo7 2022-10-04 14:06 采纳率: 100%
浏览 97
已结题

如何实现一个输入框和按钮,点击按钮时校验密码长度,若长度小于等于6则在小程序界面中显示“长度应大于6",若长度大于6,则直接将内容上传至数据库?

我想要达到的结果

微信开发者工具:实现一个输入框和按钮,点击按钮时校验密码长度,若长度小于等于6则在小程序界面中显示“长度应大于6",若长度大于6,则直接将内容上传至数据库。(需使用云函数完成数据的上传功能)

img

  • 写回答

1条回答 默认 最新

  • 游一游走一走 2022-10-04 14:39
    关注
    // 云函数入口文件
    const cloud = require('wx-server-sdk')
    
    cloud.init()
    
    // 云函数入口函数
    exports.main = async (event, context) => {
      const {
        desc
      } = event;
      if (desc != null && desc.length > 6) {
        cloud.database().collection('result').add({
          data: {
            desc
          }
        })
      }
      return {
        success: true,
      }
    }
    
    // pages/lengthGt10AndSave/index.js
    Page({
    
      /**
       * 页面的初始数据
       */
      data: {
        desc: null,
        message: null
      },
      onDescInput(e) {
        this.setData({
          desc: e.detail.value
        })
      },
      onClick(e) {
        const desc = this.data.desc
        if (desc != null && desc.length > 6) {
          wx.cloud.callFunction({
            name: 'lengthGt6AndSave',
            data: {
              desc
            }
          }).then(console.log).then(() => this.setData({
            message: null
          }))
        } else {
          this.setData({
            message: '长度应大于6'
          })
        }
      }
    })
    
    <!--pages/lengthGt10AndSave/index.wxml-->
    <input class="input" bindinput="onDescInput" value="{{desc}}" placeholder="请输入内容" />
    <view class="view">{{message!=null?message:''}}</view>
    <button class="button" bindtap="onClick">提交</button>
    
    /* pages/lengthGt10AndSave/index.wxss */
    .input{
      border: green 1px solid;
    }
    .view{
      background-color: grey;
      color: red;
      margin-top: 1rem;
    }
    .button{
      background-color: green;
      margin-bottom: 1rem;
    }
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论 编辑记录

报告相同问题?

问题事件

  • 已结题 (查看结题原因) 10月4日
  • 已采纳回答 10月4日
  • 创建了问题 10月4日

悬赏问题

  • ¥15 metadata提取的PDF元数据,如何转换为一个Excel
  • ¥15 关于arduino编程toCharArray()函数的使用
  • ¥100 vc++混合CEF采用CLR方式编译报错
  • ¥15 coze 的插件输入飞书多维表格 app_token 后一直显示错误,如何解决?
  • ¥15 vite+vue3+plyr播放本地public文件夹下视频无法加载
  • ¥15 c#逐行读取txt文本,但是每一行里面数据之间空格数量不同
  • ¥50 如何openEuler 22.03上安装配置drbd
  • ¥20 ING91680C BLE5.3 芯片怎么实现串口收发数据
  • ¥15 无线连接树莓派,无法执行update,如何解决?(相关搜索:软件下载)
  • ¥15 Windows11, backspace, enter, space键失灵