Validate input file

Topic: Validate input file

morellik free asked 5 years ago

I followed the example in the Form/validation section. Everything seems to work fine, but I've a problem with the input file. I used the following code:

<div class="form-row">
           <div class="form-group col-md-6">
                   <div class="custom-file">
                           <label for="sds_page"><i>*</i> SDS-PAGE</label>
                            <input type="file" class="custom-file-input" name="sds_page" id="sds_page" required />
                             <label class="custom-file-label" for="sds_page">Choose file...</label>
                              <div class="invalid-feedback">
                                    Please select a sds-page file.
                                </div>
                            </div>
                     </div>
                      <div class="form-group col-md-6">
                      <div class="alert alert-danger" role="alert">
                         Attach JPG or PDF of scanned SDS-PAGE of sample to be used. Please name the file: <b>Attach_SDSPAGE.jpeg</b>
                       </div>
                  </div>
             </div>

When I choose a file, the filename isn't written in the form as in the example. I continue to see "Choose file....".

I downloaded the MDB 4.8.11 zip file and I copied and used bootstrap.min.js, bootstrap.min.css and jquery-3.4.1.min.js.

How can I solve the problem?

Thanks

MDBootstrap staff commented 5 years ago

Hi,

You always can simply use our predefined index.html that contains every necessary dependency. Does this problem occur in this file?

To test your code you can always use our snippet environment: https://mdbootstrap.com/snippets In our snippets, you can use every mdb product with every dependency needed by simply writing your HTML, CSS and JS code.

Best Regards, Piotr

Add comment

morellik free answered 5 years ago

0 0 Best answer