jquery - 我如何知道我的输入类型 ="file"是否选择了内容

Question

我有一个简单的输入文件 <input type="file" name="file" id="file">但如果输入文件有内容，我会尝试在发布后进行验证。

我尝试使用 $("#file").val()但是，控件的 dom 总是相同的。

Answer 1

你是什么意思:在帖子之后，你的意思是:

-在点击提交按钮之后但在发布或提交之前？

-或者你的意思是提交后内容已经到达服务器？

如果是第一种情况，确保返回false到表单不提交，你可以验证，例如:

<form onsubmit="return false">

或者尝试在提交时调用验证函数后返回一个 bool 值给表单:

<form onsubmit="return validate()">

然后使用 Jquery 验证您的数据:

function validate(){

  valid = true;

     if($("#file").val() == ''){
         // your validation error action
        valid = false;

     }

    return valid //true or false
}

如果发现错误返回false，如果数据有效返回true。在了解了它的工作原理之后，最终，所有这些都可以用 Jquery 来完成:

HTML:

<form id="fileform" action="nextpage.php">

JS:

$('#fileform').submit(function(){
     valid = true;

     if($("#file").val() == ''){
        // your error validation action
        valid =  false;
    }

    return valid
});

此外，如果您要查看正在提交的文件类型，您可以查看此帖子:jQuery - INPUT type=File , Image FileType Validation options?

如果您想做的是在提交 之后验证数据，那么您必须使用服务器脚本语言(如 PHP)编写验证代码。