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

微信小程序中用到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 }) } ); } } })

相关文章