• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

微信小程序判断input是否为空

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

微信小程序中用到input值时候,判断其内容是否为空,可以用if-else判断内容的length,也可以给input加点击事件,判断其内容;以下是我解决问题的过程
wxml代码

  <view class="name">
    <text>姓名</text>
    <input type='text' placeholder='收货人姓名' value="{{userName}}" bindblur='username'></input>
  </view>
  <view class="name">
    <text>电话</text>
    <input type='number' placeholder='收货人手机号' value="{{phone}}" bindblur='phone'></input>
  </view>
  <view class="preserve" bindtap='sever'>
    <text>保存</text>
  </view>
Page({
  data: {
    username: '',
    phone: '',
  }
sever: function() {
    let name = this.data.username
    let phone = this.data.phone
    if (name == '') {
      wx: wx.showToast({
        title: '请输入姓名'
      })
      return false
    }
    else if (phone == '') {
      wx: wx.showToast({
        title: '请输入手机号'
      })
      return false
    }
    else {
      app.postData("member.address/add", {
        name: name,
        phone: phone
      }, "POST").then(
        res => {
          wx.showToast({
            title: '保存成功',
            icon: 'succes',
            duration: 1000,
            mask: true
          })
        }
      );
    }
  }
  })

鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap