首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >删除if条件中的动态html

删除if条件中的动态html
EN

Stack Overflow用户
提问于 2018-05-31 08:10:53
回答 1查看 25关注 0票数 0

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

在构造函数中:

代码语言:javascript
复制
constructor() {

this.body = $(".contact-block-header");
this.ErrorMasage = this.body.find(".error-masage");
this.events();
}

下面是代码:

代码语言:javascript
复制
  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;
  }

在这些代码中,我说过如果地址数据为空,就会出现错误。问题是,当我第一次将地址输入留空时,错误就出现了,但当我在地址输入中添加信息并保存它时,错误框仍然在那里,在地址输入中添加数据后,我找不到删除它的方法。如果有人在这方面帮助我,我将不胜感激。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-05-31 08:24:04

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

假设有一个表单,你可以这样做:

代码语言:javascript
复制
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;
  }
});
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/50614943

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档