如何在拖放jQuery中检查空的拖放区

Question

我的网站上有一个表单和一个按钮，直到表单完成后才应激活它。除图像拖放区外，所有其他框均是如此。

如何确认按钮是否处于激活状态，除非填充了填充区？ “添加”按钮仅在上载框和图像时才处于活动状态。

<div class="container">
  <div class='content'>
    <form action="upload.php" class="dropzone" id="myAwesomeDropzone"></form>  
  </div> 
</div>

  <script type='text/javascript'>
        Dropzone.autoDiscover = false;
        $(".dropzone").dropzone({
            addRemoveLinks: true,
            removedfile: function(file) {
                var name = file.name;    

                $.ajax({
                    type: 'POST',
                    url: 'upload.php',
                    data: {name: name,request: 2},
                    sucess: function(data){
                        console.log('success: ' + data);
                    }
                });
                var _ref;
                return (_ref = file.previewElement) != null ? _ref.parentNode.removeChild(file.previewElement) : void 0;
            }
        });
        </script>


<form  action="upload.php"  method="POST" enctype="multipart/form-data" > 

     <textarea  name="description" id="description" required></textarea>
     <input type="text" name="phone" >
      <div class='actions'>
        <input name="save"type="submit" value="Add" disabled="disabled">
         </div> 
</form>

$(document).ready(function() {
  $('input[type="text"], textarea').on('keyup', function() {
    var textarea_value = $("#description").val();
    var phone_value = $('input[name="phone"]').val();

    if (textarea_value == '' || phone_value == ''  )
      $('.actions input').attr('disabled', 'disabled');
    else 
      $('.actions input').attr('disabled', false);          
  });
});