Javascript 在if条件下删除动态html
我在一个动态html块中遇到了一个问题,我用它来显示if条件中的错误 在构造函数中: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': {
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块。非常感谢,这正是我想要的