Question

我有一个带有文件输入字段的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;
    }); 
}

“new-blogentry”是提交按钮，“发送”是带有GIF动画的div。

Answer 1

将fileInput.length > 0更改为

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

Answer 2

<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;    
        }
  });
});

Answer 3

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

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

Answer 4

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

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

Answer 5

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

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

5 个答案: