Wie Required auf Bild hochladen Knopf machen

Question

i für Bild-Upload-Button dies erforderlich machen wollen, ist der Code auf meiner Ansicht

Modal

<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">Unggah Gambar</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">Keluar</button> 
    </div> 
    </form> 
</div> 

$("#input-dim-1").fileinput({ 
     uploadExtraData: {_token:"{{csrf_token()}}", key : key}, 
     uploadUrl: "{!! route('admin.product.getupload') !!}", 
     allowedFileExtensions: ["jpg", "png", "jpeg"], 
     minImageWidth: 50, 
     minImageHeight: 50, 
     maxFileCount: 5 
    }); 

Ajax

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

Jetzt ist die erforderliche erscheint, wenn Benutzer nicht hochgeladen Bild, aber diese erscheinen auch, wenn Benutzer Bild hochgeladen haben :( kann mir jemand helfen?

dank

Answer 1

Sie haben:

<input id="input-dim-1" name="inputdim1[]" type="file" multiple class="file-loading" accept="image/*"> 

Backend Seite, wenn Laravel verwenden Sie das Array-Eingang wie vorgeschrieben werden, bestätigen konnte:

'inputdim1.*' => 'required' 

Html Seite Sie erforderliches Attribut hinzufügen könnte :

<input id="input-dim-1" name="inputdim1[]" type="file" multiple class="file-loading" accept="image/*" required>