使用 jQuery 判断文件输入字段是否为空

Using jQuery to tell if file input field is empty

本文关键字：是否 字段 输入 jQuery 判断 文件 使用      更新时间：2023-09-26

我有一个PHP表单，其中包含一个文件输入字段和两个文本输入字段。我想做的是使用 jQuery 检查文件输入字段是否为空，如果不是，则显示特定的div，但以下代码不起作用：

<input type="file" name="blog-entry-image" id="blog-entry-image" />
var fileInput = $.trim($("#blog-entry-image").val());
if (fileInput.length > 0) {
        $("#new-blogentry").click(function() {
        $("#sending").show();
        return true;
    }); 
}
"

新博客条目"是提交按钮，"发送"是带有动画 GIF 的div。

<input type="file" name="blog-entry-image" id="blog-entry-image" />
$(document).ready(function (){
    $("#blog-entry").click(function() {
        var fileInput = $.trim($("#blog-entry-image").val());
        if (fileInput && fileInput !== '') {      
                $("#sending").show();
                return true;    
        }
  });
});

你有倒退的东西。您需要在用户单击后获取文件输入值。

$('#new-blogentry').click(function() {
    var fileInput = $.trim($("#blog-entry-image").val());
    if (fileinput.length > 0) {
        ...
    }
});

if($('#new-blogentry').val()==''))

足以检查文件输入是否为空

将fileInput.length > 0更改为 

fileInput != "" && fileInput.trim() != ""

我建议你使用jquery验证器插件进行所有基于前端的验证http://jqueryvalidation.org/

相关文章：