Jqueryで要素の値が空であるかどうかを確認します

Question

私は入力があり、空であるかどうかをチェックしたいと思います。私は情報を得るために、ウィキペディアのAPIを使用していますが、これはAJAXの一部である：それは成功した場合、入力の値が空であるかどう

$.ajax({ 
    type: 'GET', 
    url: searchedUrl, 
    async: false, 
    dataType: 'json', 
    success: function(data){ 

     var length = data[1].length; 
     var inputValue = $('#searchInput').val(); 
     console.log(inputValue); 

     if (!$('#searchInput').val()){ 
     error = true; 
     console.log('err'); 

     } else { 
     if (error = true){ 
      $('#errorMsg').html('Search error').fadeOut(); 
     } 
     $('.title').css('margin-top', '30px'); 
     $('#output').removeClass('hidden'); 
      for (var i = 0; i < length; i++){ 
      $('#output').prepend('<li><a href='+data[3][i]+'>'+data[1][i]+'</a><br>'+data[2][i]+'</li>'); 
      } 
     } 
    }, 
    error: function(err){ 
    error = true; 
    $('#errorMsg').html('Search error').fadeIn(); 
    } 
}); 

は、しかし、私はそれを確認したいです。私はそのIF条件を使用しますが、コンソールに 'err'と書きません。値が空の場合はすべてを無視するようなものです。私もこのような条件を試しました：

if (inputValue !== ''){ 

// Error; 

} 

しかし、それは動作していません。

PS：これは私のJSFiddleです：https://jsfiddle.net/dietic/sdfu967y/

はあなたの助けをありがとう！

Answer 1

あなたの答えをありがとうが、私はそれが動作していないことが分かった。 は、私はこの行のデータかどうかがあったかどうかをチェックする前に、データの長さを取得しようとしていた：私は入力を確認した後

success: function(data){ 

    var length = data[1].length; 
    var inputValue = $('#searchInput').val(); 
    console.log(inputValue); 

それはvar length = data[1].length;を入れて、それが働きました。

ありがとうございました！

Answer 2

!==チェックを実行すると、タイプと値の両方がチェックされます。つまり、inputValueがnullまたはundefinedの場合、inputValue !== ''はtrueとなります。これを防止するために

は、単にその入力値がnull、undefined、''、または0ではありませんチェックするif (inputValue) { ... }を行います。

Answer 3

場合は、単に書くことができます（$（ '＃のsearchInput'）。valを（））

Answer 4

私はあなたがここでやろうとしているかわかりません。しかし、私はこれを明らかにする。

あなたinputValueはundefined、nullまたは"have something"のいずれかになります。

if(inputValue) // undefined or null or ""に電話すると、if(false)となります。

if(inputValue) // "blah blah"の場合、if(true)に等しくなります。

最初にnull or undefinedであることを確認してから、それが空でないことを確認したい場合は.lengthに電話する必要があります。