如何在此代碼（javascript，jquery）中添加“ exception”或“ condition”？

Question

我想在此代碼中添加一個異常或條件。

var a = 0;
    $(document).ready(function() {
            $(document).on("change", "#txtInput" ,function(){
            $("#contenido").append("<tr><td>"+$("#txtInput").val()+"</td></tr>");
                a += 1;
                var str = 'Total Bianuales: '
                $('p').html(str + a);
              }
           )

    });

它是這樣工作的：我得到一個ID為txtInput的值。 我在代碼中對此ID提出了一些條件，但是當它在創建的表中添加值時，我想應用它。 我該如何做一個條件，當它的主要值等於或大於9時，才追加從txtInput獲得的值？

還是要謝謝你的幫助！

Answer 1

var a = 0;
$(document).ready(function() {
  $(document).on("change", "#txtInput" ,function(){
    var textinput = parseInt($(this).val());
    if (textinput > 8) {
      $("#contenido").append("<tr><td>"+$(this).val()+"</td></tr>");
      a += 1;
      var str = 'Total Bianuales: '
      $('p').html(str + a);
    }}
  );
});

Answer 2

請記住，當輸入失去焦點時， 更改會觸發，因此您需要單擊控件之外的位置以使其觸發。 如果您希望它在每次擊鍵時觸發，那么您需要輸入事件。

 var a = 0; $(document).on("change", "#txtInput",function(){ var inputLength = this.value.length; if (inputLength <= 8) { return; } $("#contenido").append("<tr><td>" + this.value + "</td></tr>"); $("p").html('Total Bianuales: ' + (++a)); }); 

 <input id="txtInput" /> <table id="contenido"></table> <p></p> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>