提交按鈕不在表單標簽內提交

Question

我已經將我的按鈕放在窗體內，但是單擊時它什么也沒做。 我不知道怎么了。 該按鈕位於代碼底部

<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

名稱='userfile []'的無效表單控件不可聚焦。

嘗試將novalidate屬性添加到表單。

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

編輯：

原因很簡單。 您的文件元素是必需的，並且為空。 因此，瀏覽器必須顯示一個彈出消息，要求您填寫此字段。 或者，文件元素也處於隱藏狀態（顯示：無），因此，瀏覽器無法執行此操作，並發生錯誤。

因此，添加novalidate是一種解決方案，但您也可以將必需屬性刪除到文件元素中