How to validate file input using Parsley JS?

javascript parsley.js
tkiethanom picture tkiethanom · Nov 4, 2015 · Viewed 7.2k times · Source

I've used a custom validator to validate the file extension of a file input below. 

.addValidator('filetype', function(value, requirement) {
    return value.split('.').pop().toLowerCase() === requirement;
})

I'd really like to get access to the actual file so I can check the MIME type. Is there a way to get a reference back to the input so I can check the actual file date?

Answer

Marc-André Lafortune picture Marc-André Lafortune · Nov 4, 2015

Yes, the third argument is the parsley instance.

See this issue and this example

PRs for better documentation, as well as clean file validators in extra/ welcome.

Related questions

Trigger parsley validation without submit form?

Given this code, it never works and always returns true whatsoever ? <form id="my-form" data-validate="parsley"> <p> <label for="username">Username * :</label> <input type="text" id="username" name="username" data-required="true" &…

Read More
Preventing form submission after validation by parsley.js

I have used parsley.js many times and have literally copied the code from my last use of parsley. However, every time I submit the form the page refreshes. preventDefault seems to work on my other pages and stops the …

Read More
Parsley.js - Displaying Errors in a Specified Element

Using Parsley.js, is it possible to specify the element that should hold the error messages? I tried: $('#myForm').parsley({ errors: { container: { $('#errorMessages') } } }); But the error messages are still placed right after my form inputs.

Read More