Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/431.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/284.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用jQuery判断文件输入字段是否为空_Javascript_Php_Jquery_Html - Fatal编程技术网

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

Javascript 使用jQuery判断文件输入字段是否为空,javascript,php,jquery,html,Javascript,Php,Jquery,Html,我有一个带有文件输入字段和两个文本输入字段的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) { $(

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

var fileInput=$.trim($(“#博客条目图像”).val();
如果(fileInput.length>0){
$(“#新建博客条目”)。单击(函数(){
$(“#发送”).show();
返回true;
}); 
}

“new blogentry”是提交按钮,“sending”是带有动画gif的div。

fileInput.length>0更改为

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

$(文档).ready(函数(){
$(“#博客条目”)。单击(函数(){
var fileInput=$.trim($(“#博客条目图像”).val();
如果(fileInput&&fileInput!=''){
$(“#发送”).show();
返回true;
}
});
});

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

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

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

我建议您使用jquery validator插件进行所有基于前端的验证

您应该在单击处理程序中执行测试。加载页面时正在测试长度。为什么它没有长度函数?这是一根绳子,它有长度。
$('#new-blogentry').click(function() {
    var fileInput = $.trim($("#blog-entry-image").val());
    if (fileinput.length > 0) {
        ...
    }
});
if($('#new-blogentry').val()==''))