我是现场的新手,但是我不了解。

因此,我正在检查IBAN编号是否有效。我现在要讲那部分了。但是现在我想显示一条消息,例如“ IBAN not ok”和“ IBAN ok”。

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

HTML:

 <div class="form-group">
   <label for="confirm" class="cols-sm-2 control-<label">IBAN</label>
     <div class="cols-sm-10">
       <div class="input-group">
           <span class="input-group-addon"><i class="fa fa-lock fa-lg" aria-hidden="true"></i></span>
            <input type="text" class="form-control iban" name="iban" id="iban" required/>
            <span id="message"></span>
        </div>
      </div>
   <button id="checkiban" class="btn btn-primary btn-lg btn-block login-button" onclick="alertValidIBAN(null)">Check IBAN</button>
</div>


jQuery的:

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


因此,如果现在按下按钮,但IBAN无效,则会收到消息,表示不正常,这很好!然后,如果我再次按下该按钮,则什么也没有发生。

如果我随后刷新页面并输入有效的IBAN,则会显示没问题的消息,这很好!然后,如果我再次按下该按钮,则什么也没有发生。

如果有人可以帮助我,那就太好了! :)

最好的祝福

最佳答案

试试这个,添加显示方法

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");
  }
}

关于javascript - Javascript innerHTML/jQuery .html()每个id仅可运行一次?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/48295572/

10-09 03:31