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: [],
    });

jQuery验证插件扩展验证不起作用

1 个答案: