输入[类型=文件]验证

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() {
    // ...
});