How to add an "exception" or "condition" in this code (javascript, jquery)?

Question

I would like to add an exception or condition in this code.

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

    });

This is how it works: I get a value with the ID txtInput. I got some condition about this ID up in my code but I want to apply it when it add the value in a table that it's created. How do I make a condition that only append the value I get from txtInput when it's major or equal than 9?

Thanks for your help anyway!

You can use an if condition to validate it

DCruz22
– DCruz22

2016-09-09 22:21:13 +00:00
Commented Sep 9, 2016 at 22:21 — DCruz22
– DCruz22, Commented Sep 9, 2016 at 22:21
I tried but it didn't work

Raul Alberto Calzado Cuevas
– Raul Alberto Calzado Cuevas

2016-09-10 01:09:46 +00:00
Commented Sep 10, 2016 at 1:09 — Raul Alberto Calzado Cuevas
– Raul Alberto Calzado Cuevas, Commented Sep 10, 2016 at 1:09

JonSG · Accepted Answer · 2016-09-11 15:22:46Z

1

Remember that change fires when input looses focus so you will need to click out of the control to cause it to fire. If you wanted it to fire on each keystroke then you want the input event.

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>

edited Sep 11, 2016 at 15:22

answered Sep 10, 2016 at 17:45

JonSG

13.6k2 gold badges32 silver badges48 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Raul Alberto Calzado Cuevas Over a year ago

I'm getting "NaN" when I run this. I would like to add in the table the value I type on "input". For example, if I type "DR0010001" (ID that we use at work), I want it to be add in the table. But if I type any value lower than 9 characters, I don't want it to be add in the table. Because with the code I show you early, it does it.

JonSG Over a year ago

I thought you wanted to ensure that the "value" of the input was more than 8. Now that I know you want the length of the string to be more than 8, I have updated the code.

Raul Alberto Calzado Cuevas Over a year ago

Now it's working as expected. Thank you so much @JonSG!

luissimo · Accepted Answer · 2016-09-09 22:39:03Z

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

edited Sep 9, 2016 at 22:39

answered Sep 9, 2016 at 22:22

luissimo

9782 gold badges11 silver badges33 bronze badges

1 Comment

JonSG Over a year ago

You might simplify with var textinput = parseInt(this.value); and once you have textinput, you can use it again when building the table row.

Collectives™ on Stack Overflow

How to add an "exception" or "condition" in this code (javascript, jquery)?

2 Answers 2

3 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related