随笔 - 419  文章 - 3  评论 - 331  阅读 - 120万

微信小程序 input中输入内容后还提示请输入的解决办法

在微信小程序开发中遇到个bug,input表单中明明已经输入了内容,提交时还是检测出让输入内容。

<view class='f30 flex-center'>
     <input name="realname" value='{{realname}}' placeholder="请填写真实姓名" />
</view>

js:

复制代码
add(e)  {
if (this.data.realname == "" || this.data.realname == null) {
      wx.showToast({
        title: "联系人不能为空",
        image: "/images/icon-warning.png",
      });
      return false;
    }
    if (this.data.telephone == "" || this.data.telephone == null) {
      wx.showToast({
        title: "手机号不能为空",
        image: "/images/icon-warning.png",
      });
      return false;
    }
    
    console.log(e.detail.value);

},
复制代码

后来发现是忘记写赋值:

this.setData({
      realname: e.detail.value.realname,
      telephone: e.detail.value.telephone
})

然后发现还有一种问题:有些手机机型上获取不到输入数据,可以在input框的value前加上 model 解决

代码为:

<view class='f30 flex-center'>
     <input name="realname" model:value='{{realname}}' placeholder="请填写真实姓名" />
</view>

 

posted on   JoeYoung  阅读(205)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· [翻译] 为什么 Tracebit 用 C# 开发
· 腾讯ima接入deepseek-r1,借用别人脑子用用成真了~
· Deepseek官网太卡,教你白嫖阿里云的Deepseek-R1满血版
· DeepSeek崛起:程序员“饭碗”被抢,还是职业进化新起点?
· RFID实践——.NET IoT程序读取高频RFID卡/标签
历史上的今天:
2023-04-18 JQ 获取 input 当前光标的位置并插入文字
< 2025年2月 >
26 27 28 29 30 31 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 1
2 3 4 5 6 7 8

点击右上角即可分享
微信分享提示