判断多个input type=file是否有已经选择好文件的代码

2024-05-06 14:21:59

字体：大中小

来源：转载

供稿：网友

表单中有多个<input type="file" name="uploadfile" contentEditable="false" style="width:80%">，
提交表单时需要判断其中至少要有一个input已经选择好文件。
代码如下:
<input type="file" name="uploadfile" contentEditable="false" style="width:80%"><br>
<input type="file" name="uploadfile" contentEditable="false" style="width:80%"><br>
<input type="file" name="uploadfile" contentEditable="false" style="width:80%"><br>
<input type="file" name="uploadfile" contentEditable="false" style="width:80%"><br>
<input type="file" name="uploadfile" contentEditable="false" style="width:80%">

使用jQuery进行判断：
代码如下:
var fileFlag = false;
$("input[name='uploadfile']").each(function(){
if($(this).val()!="") {
fileflag = true;
return false;
}
});
if(fileFlag) {
alert("已有选择好文件的");
}

只要fileFlag为true,就可以退出each循环，不需要再对剩下的input进行判断。
在each中使用return false退出循环，使用return true结束当前次循环，进行下一次循环。

上一篇：jQuery 过滤not()与filter()实例代码

下一篇：检测input每次的输入是否合法遇到汉字输入就有问题