Question

所以我的网站上有一个文件上传元素：

<form method="post" action="" enctype="multipart/form-data">
                            <textarea id="input-box" placeholder="What's on your mind?" maxlength="10000" name="quick-post-area" class="col-xs-12"></textarea>
    <!-- images -->
    <fieldset class="images">
    <label for="images">Upload an image</label>
    <input type="file" name="image-uploader" id="img-upload" size="50">
    </fieldset>
    <!-- images end -->
<input type="submit" value="Post" name="submit" class="col-md-4 col-xs-12" id="quick-post-submit">
</form>

我正在尝试使用jQuery validate插件验证上传以检查文件大小：

$('#img-upload').validate({ rules: { image-uploader: { required: true, extension: "png|jpe?g|gif", filesize: 1048576 }}, messages: { image-uploader: "File must be JPG, GIF or PNG, less than 1MB" } });

但是，在上传违反大小限制的文件甚至是扩展规则时，不会显示任何消息。

任何人都可以看到我的代码有什么问题吗？

Answer 1

尝试给你的实际表单一个Id并将其挂钩到插件。

所以<form method="post" action="" enctype="multipart/form-data">

成为<form method="post" action="" id="#myId" enctype="multipart/form-data">

然后js变成了这个

$('myId').validate({ rules: { image-uploader: { required: true, extension: "png|jpe?g|gif", filesize: 1048576 }}, messages: { image-uploader: "File must be JPG, GIF or PNG, less than 1MB" } });

希望这有帮助。

jQuery Validate不显示任何消息

1 个答案: