如何判断输入框中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);
},
注:我这个模块是钉钉小程序的,所以里面的提示框以及跳转方法都是用的钉钉小程序的。有错误的地方或者可以更简洁的地方可以帮忙指出来,前端小菜鸟一枚,请大家多多关照~~