输入类型文件的jQuery验证

Question

我在表单上使用jQuery验证，其中包含几个文本框、下拉列表和一个文件输入。我还为扩展方法添加了additional_methods.js。除了文件输入之外，它工作得很好。它显示必需的非自定义消息的默认错误消息，扩展部分也不起作用。

Html:

<input type="file" id="Logo" class="form-input-styled" required>

jQuery:

$('.form-validate').validate({
ignore: 'input[type=hidden], .select2-search__field',
errorClass: 'validation-invalid-label',
successClass: 'validation-valid-label',
validClass: 'validation-valid-label',
highlight: function (element, errorClass) {
$(element).removeClass(errorClass);
},
unhighlight: function (element, errorClass) {
$(element).removeClass(errorClass);
},
success: function (label) {
label.addClass('validation-valid-label').text('Başarılı.');
},
errorPlacement: function (error, element) {
if (element.parents().hasClass('form-check')) {
error.appendTo(element.parents('.form-check').parent());
}
else if (element.parents().hasClass('form-group-feedback') || element.hasClass('select2-hidden-accessible')) {
error.appendTo(element.parent());
}
else if (element.parent().is('.uniform-uploader, .uniform-select') || element.parents().hasClass('input-group')) {
error.appendTo(element.parent().parent());
}
else {
error.insertAfter(element);
}
},
rules: {
Logo: {
required: true,
extension: "png"
}
},
messages: {
Logo: {
required: "Please select a business logo!",
extension: "Please select a valid logo!"
}
}
});

Answer 1

问题解决了！当我将name属性添加到输入中时，它可以完美地工作。自定义错误消息正在工作。

<input type="file" id="Logo" name="Logo" class="form-input-styled" required>