Javascript 在if条件下删除动态html

Javascript 在if条件下删除动态html,javascript,html,Javascript,Html,我在一个动态html块中遇到了一个问题,我用它来显示if条件中的错误 在构造函数中: constructor() { this.body = $(".contact-block-header"); this.ErrorMasage = this.body.find(".error-masage"); this.events(); } 以下是代码: if (addressData != '') { newContactObject = { 'value': {

我在一个动态html块中遇到了一个问题,我用它来显示if条件中的错误

在构造函数中:

constructor() {

this.body = $(".contact-block-header");
this.ErrorMasage = this.body.find(".error-masage");
this.events();
}
以下是代码:

  if (addressData != '') {
    newContactObject = {
        'value': {
        "address" : addressData,
      },
      'type': 'address'
      };
  } else {
    this.ErrorMasage.fadeOut(1000);
    this.ErrorMasage.html('Please add a valid address..');
    this.ErrorMasage.fadeIn(1000);
    return 0;
  }
在这些代码中,我说过如果地址数据为空,则会出现错误。问题是,当我第一次将地址输入留空时,会出现错误(如我所愿),但当我在地址输入中添加信息并保存时,错误框仍然存在,在地址输入中添加数据后,我无法找到删除它的方法。
如果有人在这方面帮助我,我将不胜感激

假设我正确理解了您的目标,您希望在用户向地址字段提交非空输入时删除错误消息,一种方法是调用
this.ErrorMasage.fadeOut(1000)无论何时提交包含表单(或者如果没有表单,无论何时键入内容)

假设有一个表单,您可以执行以下操作:

xxx.on('submit', (e) => {
  // ...other stuff

  this.ErrorMasage.fadeOut(1000);

  if (addressData != '') {
    newContactObject = {
      'value': {
      "address" : addressData,
    },
    'type': 'address'
    };
  } else {
    this.ErrorMasage.html('Please add a valid address..');
    this.ErrorMasage.fadeIn(1000);
    return 0;
  }
});

需要更多的数据。何时执行if/else块?您需要确保在输入数据后再次执行if/else块。非常感谢,这正是我想要的