程序新新新人
2020-04-05 21:44
采纳率: 83.3%
浏览 1.4k

微信小程序,判断文本框为空的问题。

如图:
.wxml代码

    <input class="weui-input" type="text" name="MyName" bindblur='MyName' value="{{MyName}}" placeholder="输入中文姓名" />

    <button type="primary" bindtap="loginBtnClick"> 确认提交 </button>

.js代码

loginBtnClick: function () {
    let name = this.data.MyName
    if (name == '') {
      wx: wx.showToast({
        title: '请输入姓名',
        icon: 'none',
        duration: 2000 //持续的时间
      })
    }
  }

运行一直判断MyName为空,明明填写值也会进入判断,求指教

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

2条回答 默认 最新

  • blownewbee 2020-04-05 22:44
    已采纳

    需要自己去刷新,不是双向绑定
    代码参考
    https://www.cnblogs.com/kevin-Y/p/12586626.html

    点赞 2 打赏 评论
  • jiangcat8301 2020-04-06 09:22

    wxml是渲染层,不参与逻辑,所以数据不是在那里随时更改在js里就随时可见的。表单最方便的方法是放个form组建

    <form bindsubmit="loginBtnClick">
        <input class="weui-input" type="text" name="MyName" bindblur='MyName' value="{{MyName}}" placeholder="输入中文姓名" />
        <button type="primary" form-type="submit"> 确认提交 </button>
    </form>
    
    loginBtnClick: function (e) {
        let name = e.detail.value.MyName
        if (name == '') {
            wx: wx.showToast({
                title: '请输入姓名',
                icon: 'none',
                duration: 2000 //持续的时间
            })
        }
    }
    
    点赞 2 打赏 评论

相关推荐 更多相似问题