Javascript innerHTML/jQuery.html（）每个id只能工作一次？

我对这个场景还比较陌生，我就是不明白

所以我在检查IBAN号码是否有效。我现在开始演那个角色了。但现在我想显示一条消息，如“IBAN not ok”和“IBAN ok”

我尝试的方法是创建一个空的span元素，并使用id更改该元素的innerHTML

HTML:

所以现在如果我按下按钮，IBAN无效，我会得到一个信息，它不正常，这是好的！如果我再按一下按钮，什么也不会发生

如果我刷新页面并输入一个有效的IBAN，它会显示一条消息，这很好！如果我再按一下按钮，什么也不会发生

如果有人能帮我，那就太好了！：）

---

致以最诚挚的问候

试试这个，添加一个show方法

if(ibanvalid === false) {
    $("#message").show().html("IBAN onjuist").fadeOut(1000);
    console.log("IBAN not ok");
}
if(ibanvalid === 1) {
    $("#message").show().html("IBAN ok").fadeOut(1000);
    console.log("IBAN ok");
  }
}

JQuery使元素不可见，所以第二次调用它时，它会更改消息，但不会显示它，因为它的不透明度为0。您还需要调用函数以使其可见，正如@AswinRamesh所说：

function alertValidIBAN(iban) {
var ibanvalid = isValidIBANNumber(document.getElementById("iban").value);
if(ibanvalid === false) {
    $("#message").show().html("IBAN onjuist").fadeOut(1000);
    console.log("IBAN not ok");
}
if(ibanvalid === 1) {
    $("#message").show().html("IBAN ok").fadeOut(1000);
    console.log("IBAN ok");
  }
}

---

尝试使用此

$（“#message”）.show（）.html（“IBAN onjuist”）.fadeOut（1000）

已淡出的元素将保持不可见，除非您再次显示它。另外，如果您只想设置元素的文本内容，那么应该使用

.text（）

，而不是

.html（）

。我知道这是一个我还不知道的简单解决方案。谢谢你！我知道这是一个像这样的简单解决方案，我还不知道。谢谢你！

if(ibanvalid === false) {
    $("#message").show().html("IBAN onjuist").fadeOut(1000);
    console.log("IBAN not ok");
}
if(ibanvalid === 1) {
    $("#message").show().html("IBAN ok").fadeOut(1000);
    console.log("IBAN ok");
  }
}

function alertValidIBAN(iban) {
var ibanvalid = isValidIBANNumber(document.getElementById("iban").value);
if(ibanvalid === false) {
    $("#message").show().html("IBAN onjuist").fadeOut(1000);
    console.log("IBAN not ok");
}
if(ibanvalid === 1) {
    $("#message").show().html("IBAN ok").fadeOut(1000);
    console.log("IBAN ok");
  }
}