输入[type=file]验证

Question

如何检查输入文件是否为空？

我试过：

$('#image-file').click(function() {
    if ( ! $('#image-file').val() ) {
    alert('Chose a file!');
    return false;
 }
});

但没起作用。

Answer 1

在设置值之前触发click事件。而是在change事件期间检查它。

$('#image-file').change(function() {
    // ...
});

或者，更好的是，在提交表单的过程中，因为当用户不选择任何且字段本身已经为空时，不会触发change。

$('#form').submit(function() {
    // ...
});