2016-09-09 28 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它不工作,男人:( –