Submit-Button nicht innerhalb Formular-Tag senden

Question

Ich habe meine Schaltfläche in Form, aber es macht nichts, wenn geklickt. Ich habe keine Ahnung, was falsch ist. Die Taste ist in der Nähe an der Unterseite dieses Codes

<form enctype="multipart/form-data" class="form-horizontal" method="post" action="{{base_url()}}admin/unit/update/{{$unit->id_unit}}"> 
    <div class="box-body"> 

    <div class="form-group"> 
     <div class="col-md-3 col-sm-3 control-label" style="padding-top:40px;"> 
     <a class="btn btn-primary btn-sm" onclick="AddNewImage(this)"> 
      <i class="fa fa-plus"></i> 
      Add New Image 
     </a> 
     </div> 
     <div class="col-md-9"> 
     <div class="row"> 

      @foreach ($gambar->result() as $value) 
      <div id="image-upload" class="col-md-4 col-sm-4 submit-image" style="padding-top:8px;padding-bottom:8px"> 
      <div class="image-placeholder"> 
       <img src="{{base_url()}}gambar/unit/{{$value->gambar}}" class="img-responsive" style="margin:0 auto;object-fit: cover;width: 150px;height: 150px"> 
      </div> 
      <div class="step7" id="step7" style="padding-top:10px; text-align:center"> 
       <input type="file" name="userfile[]" style="display:none" onchange="readURL(this);" required> 
       <a class="custom-upload btn btn-small btn-primary" onclick="openUpload(this)"><i class="fa fa-upload"></i></a> 
       <a href="{{ base_url('admin/unit/hapus_detail/'.$value->id) }}" class="custom-upload btn btn-small btn-primary"><i class="fa fa-times"></i></a> 
      </div> 
      <div class="clearfix"></div> 
      </div> 
      @endforeach 

      <input type="hidden" name="count_img"> 
     </div> 
     </div> 
    </div> 

    </div> 
    <!-- /.box-body --> 
    <div class="box-footer"> 
    <a href="{{ base_url('admin/unit') }}"> 
     <button type="button" class="btn btn-default">Cancel</button> 
    </a> 
    <button type="submit" class="btn btn-info pull-right">Submit</button> 
    </div> 
    <!-- /.box-footer --> 
</form> 

Answer 1

eine ungültige Form Steuerung mit name = ‚userfile []‘ nicht fokussierbar ist.

Versuchen Sie, novalidate-Attribut zum Formular hinzuzufügen.

<form enctype="multipart/form-data" class="form-horizontal" method="post" action="{{base_url()}}admin/unit/update/{{$unit->id_unit}}" novalidate> 

Edit:

Der Grund ist einfach. Ihr Dateielement ist erforderlich UND leer. Daher muss der Browser eine Popup-Nachricht anzeigen, in der Sie aufgefordert werden, dieses Feld zu füllen. Oder das Dateielement ist ebenfalls VERSTECKT (Anzeige: keine), daher kann der Browser dies nicht tun und ein Fehler tritt auf.

So fügen novalidate eine Lösung ist, aber Sie können auch erforderliches Attribut auf die Datei Element