2016-09-09 53 views
0

我想在此代码中添加例外或条件。如何在此代码(javascript,jquery)中添加“异常”或“条件”?

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获得的值?

无论如何感谢您的帮助!

+0

您可以使用'if'条件来验证它 – DCruz22

+0

我试过,但没有奏效 –

回答

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>

+0

当我运行这个时,我得到“NaN”我想在表中添加我输入的值例如,如果我输入“DR0010001”(我们在工作中使用的ID),我希望它被添加到表中,但是如果我输入任何小于9个字符的值,我不希望它因为有了代码,我会尽早告诉你, –

+0

我以为你想确保输入的“值”超过8个。现在我知道你想要的长度是字符串超过8,我已经更新了代码 – JonSG

+0

现在它按预期工作,非常感谢你@JonSG! –

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

你可能会简化** VAR的TextInput = parseInt函数(THIS.VALUE); * *一旦你有** textinput **,你可以在建立表格行时再次使用它。 – JonSG

+0

你完全正确,编辑:) – luissimo

+0

@JonSG它不工作,男人:( –