如何判断输入框中value值是否为空或者全部为空格?


在做搜索框功能时候发现存在的一些问题,要根据输入框中的值进行判断,主要分为三部分:一是输入框中没有值时,二是输入框中只有空格时,三是有值时候

一、输入框中没有值

直接通过if条件语句判断输入框中的value值是否为空,如果有就提示请输入关键字

 if(this.data.inputValue == '' ){
      dd.alert({content: '请输入关键词'})
      // console.log("暂无数据");
    }

二、输入框中只有空格

如果输入框中只用空格时候,点击搜索时不允许跳转页面的,这里就可以通过正则来判断是否只有空格,有就不做操作

if(this.data.inputValue.replace(/ /g,"")=="")
      return false

三、输入框中有值

输入框中有值时候是可以进行操作跳转页面的,这里即便是字符串+空格也是可以操作的

 if(this.data.inputValue !==''){
      dd.navigateTo({
      url: '/pages/text/text?searchValue=' + this.data.inputValue
      })
  }

四、整体代码结构如下:

  // 点击跳转事件
  goSearch(event) {
    // 搜索框无内容时
    if(this.data.inputValue == '' ){
      dd.alert({content: '请输入关键词'})
      // console.log("暂无数据");
    }

    // 判断是否都是空格
    if(this.data.inputValue.replace(/ /g,"")=="")
      return false

    // 判断输入框的值并跳转页面
    if(this.data.inputValue !==''){
      dd.navigateTo({
      url: '/pages/text/text?searchValue=' + this.data.inputValue
    })
    }
    // console.log(111);
  },

注:我这个模块是钉钉小程序的,所以里面的提示框以及跳转方法都是用的钉钉小程序的。有错误的地方或者可以更简洁的地方可以帮忙指出来,前端小菜鸟一枚,请大家多多关照~~

  • 3
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值