检测输入的空字段

时间:2017-09-06 08:00:51

标签: javascript html css typescript sass

我创建了一个搜索栏。当用户按下字母“A”时,我想显示名字以字母“A”开头的用户。 这有效,但我的问题是搜索栏为空时。 当它为空时,我的程序显示所有用户,我希望它不显示任何用户。

这是我的程序,用于获取用户输入的值:

searchUser(): void {
  let str;
  let element = document.getElementById('chat-window-input');

  if(element !== null) {
    str = (element as HTMLInputElement).value;
  }
  else {
    str = null;
  }
}

你知道如何检测空场吗? 我测试了这个,但它没有改变任何东西:

if(str == null) {
    this.searchArrayThreads = [];
  }

2 个答案:

答案 0 :(得分:2)

嗨,你可以尝试这样,

 if(str == null || (!str) || str=='') {
  this.searchArrayThreads = [];
}

答案 1 :(得分:0)

在您的问题中,您似乎有一个数据数组。 所以保持 tempDataSet

this.tempDataSet = []; 然后在过滤时你可以直接分配值。

this.str = '';
searchUser(): void {
  let element = document.querySelector('#chat-window-input');
  if(element && element.value) {
    return this.str = element.value;
  }
}

我认为这会对你有帮助