如何在此代码中添加"exception"或"condition"(javascript，jquery)？

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的条件但我想在它创建的表中添加值时应用它。我如何创建一个条件只附加从txtInput得到的值当它是大值或大于9时?

无论如何，还是要感谢你的帮助!

Answer 1

请记住，当输入失去焦点时，更改将触发，因此您需要单击控件外的按钮以使其触发。如果你想让它在每次击键时触发，那么你需要输入事件。

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>

Answer 2

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