Проверка расширения плагина JQuery не работает

Question

Я делаю полную проверку формы с помощью плагина проверки jquery, но по какой-то причине я не могу проверить расширения, я попытался написать тот же код в jsfiddle, и он работал нормально, однако, когда я делаю то же самое в моем symfony4 проект выдает ошибку.

Заранее спасибо за помощь!

Вот мой app.js:

....
const $ = require('jquery');
require('jquery-validation');
require('bootstrap');
require('bootstrap-slider');

$(function () {
    .....

    $('#new_estate').validate({
        rules: {
            "images[]": {
                required: true,
                extension: 'jpeg,jpg',
                filesize: 24368,
            },

        },
        message:{
          "images[]": "Incorrect file/image format!"
        },
    });
});

А вот моя форма:

            <form action="{{ path('save') }}" method="post" enctype="multipart/form-data" id="new_estate" novalidate>

           ....

            <div class="form-group">
                <label for="images">Images</label>
                <input type="file"  id="images" name="images[]" multiple/>
            </div>
            <button type="submit" id="submit" name="submit" class="btn btn-primary mb-2">Submit</button>

Изображение ошибки: https://i.stack.imgur.com/2Wnr4.png

Answer 1

1) Как уже говорилось, вам нужно включить файл Additional-Methods.js.

2) Для расширений файлов используйте правило расширения. Правило принятия относится к типам пантомимы.

3) Вы пропустили игнорирование массива.

расширение: «jpg | jpeg | png | gif»,

$('#new_estate').validate({
        rules: {
            "images[]": {
                required: true,
               extension: "jpg|jpeg",
                filesize: 24368,
            },

        },
        message:{
          "images[]": "Incorrect file/image format!"
        },
    ignore: [],
    });