1

我写了一个上传表单，我希望用户能够只上传图片。我决定使用 jQuery 验证器来确保用户不能发送空表单而只能上传图像。到目前为止，用户确实无法发送空表单，但他们可以上传和归档他们想要的，即使它不是图像。这是jsFunc.js 旨在处理此问题的代码：

$(document).ready(function () {
$('#upload-image').validate({
    errorElement : "span",
    errorPlacement: function(error, element) {
        error.appendTo(".upload-error");
    },
    rules: {
        pic: {
            required: true,
            accept: "image/*"
        }
    }
});
});

以下是包含上传表单的页面中包含的文件：

<script src="bootstrap/js/jquery.js"></script>
<script src="bootstrap/js/bootstrap.js"></script>
<script type="text/javascript" src="sys/jsFunc.js"></script>
<script type="text/javascript" src="sys/additional-methods.js"></script>
<script type="text/javascript" src="sys/jquery.validate.js"></script>

上面的代码有什么问题？如果有人能指出我的问题，我将不胜感激。

4

3 回答 3

1

如果您尝试通过文件扩展名进行验证或只接受具有特定扩展名的图像，您可以像这样使用

rules: {
   field: {
     required: true,
     extension: "jpeg|png"
   }
}

请参阅：http ://docs.jquery.com/Plugins/Validation/CustomMethods/extension#extension

于 2013-05-09T06:46:20.120 回答
1

脚本文件导入的顺序不对，jquery.validate.js先然后再additional-methods.js

<script type="text/javascript" src="sys/jquery.validate.js"></script>
<script type="text/javascript" src="sys/additional-methods.js"></script>
于 2013-05-09T06:58:32.323 回答
0 
rules: {
   field: {
     required: true,
     accept: "jpeg|png"
   }
}

用接受替换扩展名，它会工作

于 2015-04-06T15:22:33.863 回答