jquery 验证插件不适用于文件输入

Question

我已将 class required 添加到文件输入并调用了验证方法，但它不起作用。

 <form enctype="multipart/form-data" id="csvform" accept-charset="UTF-8" action="" method="POST" novalidate="novalidate"><input type="hidden" value="xxgzK81sfXh2IYsKG6zTwmKqRk87jXuJ3uQpb2J4" name="_token">

                    <input type="file" name="csv" id="csvform2" class="required" aria-required="true">

                    <input type="hidden" value="15" name="vendorID">
                    <br>
                    <button>Add CSV</button>

                    </form>

$( "#csvform" ).validate();

Answer 1

你能试试 this 和 jQuery 'validate' 插件吗？

Answer 2

我想您必须使用相关文件 input 元素的 name 属性分配规则。

对于 name="csv" 你的 jQuery 应该是这样的：

 $("#csvform").validate({
        ignore: [],
        rules: {
            csv: { // <- name of input
                required: true,
                extension: "csv"
            }
        }
    });

jquery 验证插件不适用于文件输入

jquery validaiton plugin not working with file input

jquery

jquery-plugins