validate csv file upload with jquery-validate [duplicate]

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();
    }
  });
});

Thomas Lehoux · Accepted Answer · 2017-02-01 13:34:35Z

0

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

answered Feb 1, 2017 at 13:34

Thomas Lehoux

1,22611 silver badges13 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

rvaldesd Over a year ago

No, I follow several examples without additional methods, like this: jqueryvalidation.org/extension-method

Thomas Lehoux Over a year ago

See the js import in the link you provide :

<script src="https://code.jquery.com/jquery-1.11.1.min.js"></script> <script src="https://cdn.jsdelivr.net/jquery.validation/1.15.0/jquery.validate.min.js"></script> <script src="https://cdn.jsdelivr.net/jquery.validation/1.15.0/additional-methods.min.js"></script>

Thomas Lehoux Over a year ago

You need to import both jquery.validate.min.js and addit‌ional-methods.min.js‌

rvaldesd Over a year ago

Thanks! now it works!!!

Collectives™ on Stack Overflow

validate csv file upload with jquery-validate [duplicate]

1 Answer 1

4 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Linked

Related