Dropzone не работает с элементами форм

Question

Привет У меня есть такой форме:

<form role="form" method="post" action="pridat_nehn.php" enctype="multipart/form-data"> 
     <label>Časť mesta/obce</label> 
     <input class="form-control" name="city_part" placeholder="Zadajte časť mesta alebo obce."> 
     <button type="submit" id="submit-all" class="btn btn-primary">Pridať nehnuteľnosť</button> 
    </form> 

И я JavaScript:

 Dropzone.autoDiscover = false; 

    Dropzone.options.addProperty = { // The camelized version of the ID of the form element 

     url: "pridat_nehn.php", 
     autoProcessQueue: false, 
     parallelUploads: 15, 
     maxFiles: 15, 
     uploadMultiple: true, 
     previewsContainer: ".dropzone-previews", 
     dictDefaultMessage: "Vložte obrázky.", 


     // The setting up of the dropzone 
     init: function() { 
     var myDropzone = this; 

     $("#submit-all").click(function (e) { 

      e.preventDefault(); 
      e.stopPropagation(); 
      myDropzone.processQueue(); 
      } 
     ); 
     } 
    } 

Но я не могу нажать область Dropzone и выберите файлы. Он ничего не делает. Я могу просто отправить форму с данными элемента. Но когда я прокомментирую

Dropzone.autoDiscover = false; 

Я могу выбрать фотографии, но нажатие на submit ничего не делает.

Что я делаю неправильно? Какие-либо предложения?

Answer 1

Ваш скрипт не вызывается, потому что вы не добавили id="add-propert" к своей форме, которая позже будет использоваться для атрибута вашей индивидуальной Dropzone для данного элемента.