jquery – 我如何知道我的输入=“文件”是否已选择内容

前端之家收集整理的这篇文章主要介绍了jquery – 我如何知道我的输入=“文件”是否已选择内容前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个简单的输入文件< input type =“file”name =“file”id =“file”>
但是如果输入文件内容,我试图在发布后验证.

我尝试使用$(“#file”).val()但是,控件的dom总是一样的.

解决方法

你是什​​么意思:在帖子后,你的意思是:

– 点击提交按钮,但发布或提交之前?

– 你的意思是提交后,内容到达服务器?

如果是第一种情况,请确保将表单返回false,否则不提交,您可以验证,例如:

<form onsubmit="return false">

或者在提交后调用验证函数,尝试返回一个布尔值到表单中:

<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)对验证进行编码.

猜你在找的jQuery相关文章