validate csv file upload with jquery-validate

Question

I have the following code for upload form validation. I'm using jQuery validation plugin.

The required: true works fine, but extension: "csv" is not, and continue with submit.

Here's my code:

<form method="POST" action="uploadCoordenadas" enctype="multipart/form-data" id="frm-upload" name="frm-upload">
  upload file:
  <input type="file" name="file" id="file">
  <br />
  <input type="submit" value="Procesar">
</form>

Javascript:

$(function() {
  $("#frm-upload").validate({
    rules: {
      file: {
        required: true,
        extension: "csv"
      }
    },
    messages: {
      file: {
        required: "Debe seleccionar un archivo para realizar la carga.",
        extension: "Debe seleccionar un archivo con extension valida (*.csv)"
      }
    },
    submitHandler: function(form) {
      form.submit();
    }
  });
});

score 0 · Accepted Answer · answered Feb 01 '17 at 13:34

0

You have to include first the additional-methods.js file, because this rule is an extension.

answered Feb 01 '17 at 13:34

Thomas Lehoux

1,158
9
13

No, I follow several examples without additional methods, like this: https://jqueryvalidation.org/extension-method/ – rvaldesd Feb 01 '17 at 14:38
See the js import in the link you provide : ` ` – Thomas Lehoux Feb 01 '17 at 14:41
You need to import both `jquery.validate.min.js` and `addit‌ional-methods.min.js‌` – Thomas Lehoux Feb 01 '17 at 14:42
Thanks! now it works!!! – rvaldesd Feb 01 '17 at 15:08

validate csv file upload with jquery-validate

1 Answers1