jQueryvalidation文件上传
我正在尝试使用jQuery ValidatevalidationHTML文件上载
我发现我可以使用meta选项，如：
$("#myform").validate({ meta: "validate" }) 但它似乎不起作用。 无论如何我需要添加required类。 然后文件类型检查当然也不会起作用。 我需要做一些额外的事情吗？
如果要使用jQuery的validate来检查文件的大小 ，可以通过执行以下操作来执行此操作：
1-加载其他方法文件
2-添加自定义方法以validation文件大小
$.validator.addMethod('filesize', function(value, element, param) { // param = size (in bytes) // element = element to validate () // value = value of the element (file name) return this.optional(element) || (element.files[0].size <= param) });
3-使用新添加的方法作为validation规则来validation您的输入：
$('#formid').validate({ rules: { inputimage: { required: true, extension: "png|jpe?g|gif", filesize: 1048576 }}, messages: { inputimage: "File must be JPG, GIF or PNG, less than 1MB" } });
注意：上载具有空白文件类型的文件时，使用“接受”validation规则而不是“扩展名”会导致MIME类型错误消息。
您可以添加validation方法来完成
jQuery.validator.addMethod("uploadFile", function (val, element) { var size = element.files[0].size; console.log(size); if (size > 1048576)// checks the file more than 1 MB { console.log("returning false"); return false; } else { console.log("returning true"); return true; } }, "File type error");
并像这样使用它 –
$(document).ready(function(){ $('#quote_form').validate({ rules: { image: { required: true, extension:'jpe?g,png', uploadFile:true, } } }); });
我希望这能帮到您..
您是否以这种方式阅读并尝试过： http ： //docs.jquery.com/Plugins/Validation/Methods/accept#extension ？
我的意思是，而不是将validation规则添加到类中，您是否尝试立即将它们添加到validate init中？