Javascript 检测输入的空字段

Javascript 检测输入的空字段,javascript,html,css,typescript,sass,Javascript,Html,Css,Typescript,Sass,我创建了一个搜索栏。当用户按下字母“A”时,我想显示名字以字母“A”开头的用户。 这是可行的,但我的问题是当搜索栏为空时。 当它为空时,我的程序显示所有用户,我希望它不显示任何用户 以下是获取用户输入值的程序: searchUser(): void { let str; let element = document.getElementById('chat-window-input'); if(element !== null) { str = (element as HT

我创建了一个搜索栏。当用户按下字母“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 = [];
  }

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

this.tempDataSet=[];
然后,在过滤时,您可以直接指定值

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

我想这会对你的问题有所帮助,因为你似乎只有一组数据。 因此,保持一个tempDataSet

this.tempDataSet=[];
然后,在过滤时,您可以直接指定值

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

我想这会帮你的

嗨,你可以这样试试

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

嗨,你可以这样试试

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

if(str==null)
更改为
if(!str)
@AlekseyL。谢谢。这是最简单的答案,但效果非常好!!将
if(str==null)
更改为
if(!str)
@AlekseyL。谢谢。这是最简单的答案,但效果非常好!!