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) 如前所述，您需要包含额外的 methods.js 文件。

2) 对于文件扩展名，使用扩展名规则。接受规则适用于 mime 类型。

3) 你没有忽略数组。

分机："jpg|jpeg|png|gif",

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

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

JQuery 验证插件扩展验证不工作

JQuery validation plugin extension validating isn't working

jquery

symfony

symfony4