如何在Ajax表單上進行必要的操作？

我上傳了使用ajax的按鈕，我希望這個動作是必需的，這是代碼。如何在Ajax表單上進行必要的操作？

按鈕代碼：

<div class="form-group"> 
    {!! Form::label('image', 'Image: ', ['class' => 'col-sm-3 control-label required']) !!} 
    <div class="col-sm-6"> 
     <button class="btn btn-primary" type="button" id="modalgambar" data-toggle="modal" data-target="tambahgambar"></button> 
     <span id="helpBlock" class="help-block"><i></b></i></span> 
    </div> 
    </div>

模態：

<div class="modal fade" id="tambahgambar" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> 
    <div class="modal-dialog modal-lg" role="document"> 
    <div class="modal-content"> 
     <div class="modal-header"> 
     <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> 
     <h4 class="modal-title" id="myModalLabel"></h4> 
     </div> 

     <form id="upload-image" enctype="multipart/form-data"> 
     <div class="modal-body"> 
      <input id="input-dim-1" name="inputdim1[]" type="file" multiple class="file-loading" accept="image/*"> 
     </div> 
     <div class="modal-footer"> 
      <button type="button" class="btn btn-default" data-dismiss="modal"></button> 
     </div> 
     </form> 
    </div> 
    </div> 
</div>

阿賈克斯：

$('#form-product').submit(function(event) { 
     if ($("#input-dim-1").val() == '') { 
      event.preventDefault(); 
      alert("Image Is Required"); 
     } else { 
      if(! validationInput()) { 
      form.submit(); 
      } 

      alert('Stok tidak boleh minus'); 
     } 


     return false; 

     });

警報（「圖像需要」）是當我不是上傳的圖片出現，但當我上傳圖片時，該警報也會出現，所以令人困惑。 :( 有人可以幫助我我試圖找到anysolution但我沒有找到它:(

來源

2017-05-08 Faisal Hilmi

我沒有看到拒絕阿賈克斯，你在說什麼？ – madalinivascu

@madalinivascu UM對不起，我還是新手，在最後的代碼中，它是ajax還是什麼？對不起 –

提醒（'Stok tidak boleh minus'）;你什麼時候想要展示這個alertt？ – Exprator

你可以用這個代替按鈕代碼：

{!! Form::file('image',Input::old('image'), [ 'class' => 'form-control','required'=>'required']) !!}

來源

2017-05-08 06:39:30 tanvirjahan

好了，形式實際上被提交兩次。您觸發「提交表單」，從「提交表單事件」。

您需要刪除行form.submit();

來源

2017-05-08 07:40:18 darrell

如何在Ajax表單上進行必要的操作？

回答

相關問題