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

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

这里是我的postData代码

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>

js代码

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
          })
        }
      );
    }
  }
  })
  • 3
    点赞
  • 23
    收藏
    觉得还不错? 一键收藏
  • 11
    评论
可以通过以下代码实现在微信小程序中输入年份,然后判断是否为闰年: ```javascript // 获取输入框中的年份 var inputYear = e.detail.value; // 判断是否为闰年 if ((inputYear % 4 == 0 && inputYear % 100 != 0) || inputYear % 400 == 0) { console.log(inputYear + "年是闰年"); } else { console.log(inputYear + "年不是闰年"); } ``` 需要注意的是,这里通过 `e.detail.value` 获取到的是一个字符串类型的值,需要将其转换为数字类型才能进行计算。可以通过 `parseInt()` 函数将字符串转换为整数,例如: ```javascript var inputYear = parseInt(e.detail.value); ``` 完整代码如下: ```javascript Page({ data: { inputYear: '' }, bindKeyInput: function(e) { this.setData({ inputYear: e.detail.value }) }, checkLeapYear: function() { var inputYear = parseInt(this.data.inputYear); if ((inputYear % 4 == 0 && inputYear % 100 != 0) || inputYear % 400 == 0) { wx.showToast({ title: inputYear + '年是闰年', icon: 'success', duration: 2000 }) } else { wx.showToast({ title: inputYear + '年不是闰年', icon: 'none', duration: 2000 }) } } }) ``` 在 wxml 文件中,可以通过以下代码实现输入框和按钮: ```html <view class="container"> <view class="input-wrapper"> <input type="number" placeholder="请输入年份" value="{{inputYear}}" bindinput="bindKeyInput"></input> </view> <view class="button-wrapper"> <button type="primary" bindtap="checkLeapYear">判断闰年</button> </view> </view> ``` 需要注意的是,这里的输入框使用了 `type="number"` 属性,表示只能输入数字类型的值。
评论 11
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值