両方のフィールドを変更した後で自動的に公開ボタンを有効にする方法

Question

ユーザーが日付フィールドを変更してオプションを選択したときに自動公開ボタンを生成しようとしています。ハマった。私は何が間違っているのか分からない。ここに私のコードです。

<select> 
    <option value="Section A">Section A</option> 
    <option value="Section B">Section B</option> 
    <option value="Section C">Section C</option> 
</select> 

<input class="time" id="date_one" type="text" /> 
<input class="time" id="date_two" type="text" /> 
<input class="time" id="date_two" type="text" /> 

<input type="submit" disabled="disabled" id="pub" value="Publish"/> 

3つの入力フィールドは、日付ピッカーです。ボタンは、これらの3つの入力フィールドと選択フィールドがすべて変更されたときにのみ有効になります。私のjqueryコードは：

$('select').on('change',function(){ 
    validatePub(); 
}); 

$('input[type="text"]').on('keyup',function(){ 
    validatePub(); 
}); 

function validatePub() { 
    $("input[type='text']").each(function(){ 
    if ($(this).val() != "") 
    { 
     if(($(".time").val().length !=" ")) 
     { 

      $("#pub").removeAttr("disabled"); 
     } 
     else { 
      $("#pub").attr("disabled", "disabled"); 
     } 
    } 
    }); 
} 

Answer 1

ここになります。

  $('select').on('change',function(){ 
 
       validatePub(); 
 
      }); 
 

 
      $('input[type="text"]').on('keyup',function(){ 
 
       validatePub(); 
 
      }); 
 

 
      function validatePub() { 
 
       var resultFalse = ''; 
 
       $("input[type='text']").each(function(){ 
 
        if ($(this).val() == "") { 
 
        resultFalse += false; 
 
        } 
 
       }) 
 
       if (resultFalse == '') { 
 
        $("#pub").removeAttr("disabled"); 
 
       } else { 
 
        $("#pub").attr("disabled", "disabled"); 
 
       } 
 
      }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select> 
 
    <option value="Section A">Section A</option> 
 
    <option value="Section B">Section B</option> 
 
    <option value="Section C">Section C</option> 
 
</select> 
 

 
<input class="time" id="date_one" type="text" /> 
 
<input class="time" id="date_two" type="text" /> 
 
<input class="time" id="date_two" type="text" /> 
 

 
<input type="submit" disabled="disabled" id="pub" value="Publish"/>