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


Posted in Javascript onMay 23, 2012

表单中有多个<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结束当前次循环,进行下一次循环。
Javascript 相关文章推荐
Javascript 不能释放内存.
Sep 07 Javascript
写出更好的JavaScript程序之undefined篇(中)
Nov 23 Javascript
你需要知道的10个最佳javascript开发实践小结
Apr 15 Javascript
sliderToggle在写jquery的计时器setTimeouter中不生效
May 26 Javascript
快速学习jQuery插件 jquery.validate.js表单验证插件使用方法
Dec 01 Javascript
Vue服务器渲染Nuxt学习笔记
Jan 31 Javascript
JS/HTML5游戏常用算法之路径搜索算法 A*寻路算法完整实例
Dec 14 Javascript
记一次用vue做的活动页的方法步骤
Apr 11 Javascript
Angular Excel 导入与导出的实现代码
Apr 17 Javascript
Bootstrap 时间日历插件bootstrap-datetimepicker配置与应用小结
May 28 Javascript
Jquery 动态添加元素并添加点击事件实现过程解析
Oct 12 jQuery
Element Rate 评分的使用方法
Jul 27 Javascript
jQuery 1.7.2中getAll方法的疑惑分析
May 23 #Javascript
各浏览器中querySelector和querySelectorAll的实现差异分析
May 23 #Javascript
jQuery-onload让第一次页面加载时图片是淡入方式显示
May 23 #Javascript
jquery.pagination.js 无刷新分页实现步骤分享
May 23 #Javascript
jquery.Jwin.js 基于jquery的弹出层插件代码
May 23 #Javascript
使用JQuery和CSS模拟超链接的用户单击事件的实现代码
May 23 #Javascript
基于jquery tab切换(防止页面刷新)
May 23 #Javascript
You might like
PHP生成图像验证码的方法小结(2种方法)
2016/07/18 PHP
完美解决thinkphp唯一索引重复时出错的问题
2017/03/31 PHP
php生成HTML文件的类方法
2019/10/11 PHP
PHP7 标准库修改
2021/03/09 PHP
js window.print实现打印特定控件或内容
2013/09/16 Javascript
什么是Node.js?Node.js详细介绍
2014/06/01 Javascript
使用JSON.parse将json字符串转换成json对象的时候会出错
2014/09/04 Javascript
javascript中判断json的方法总结
2015/08/27 Javascript
基于jQuery实现的双11天猫拆红包抽奖效果
2015/12/01 Javascript
不得不分享的JavaScript常用方法函数集(下)
2015/12/25 Javascript
AngularJS实现路由实例
2017/02/12 Javascript
bootstrapValidator 重新启用提交按钮的方法
2017/02/20 Javascript
js 实现省市区三级联动菜单效果
2017/02/20 Javascript
AngularJS 单选框及多选框的双向动态绑定
2017/04/20 Javascript
5分钟打造简易高效的webpack常用配置
2017/07/04 Javascript
Angular2 组件间通过@Input @Output通讯示例
2017/08/24 Javascript
JS多个表单数据提交下的serialize()应用实例分析
2019/08/27 Javascript
三步实现ionic3点击退出app程序
2019/09/17 Javascript
Python实现简单字典树的方法
2016/04/29 Python
python实现感知器算法详解
2017/12/19 Python
python爬虫之urllib,伪装,超时设置,异常处理的方法
2018/12/19 Python
python+opencv 读取文件夹下的所有图像并批量保存ROI的方法
2019/01/10 Python
Python CSS选择器爬取京东网商品信息过程解析
2020/06/01 Python
Python sorted对list和dict排序
2020/06/09 Python
python输入中文的实例方法
2020/09/14 Python
Fairyseason:为个人和批发商提供女装和配件
2017/03/01 全球购物
责任胜于能力演讲稿
2014/05/20 职场文书
旅游与酒店管理专业求职信
2014/07/21 职场文书
学习党的群众路线教育实践活动剖析材料
2014/10/13 职场文书
音乐教师个人总结
2015/02/06 职场文书
仰望星空观后感
2015/06/10 职场文书
2016年世界艾滋病日宣传活动总结
2016/04/01 职场文书
Canvas三种动态画圆实现方法说明(小结)
2021/04/16 Javascript
Java实现经典游戏泡泡堂的示例代码
2022/04/04 Java/Android
Python何绘制带有背景色块的折线图
2022/04/23 Python
openGauss数据库JDBC环境连接配置的详细过程(Eclipse)
2022/06/01 Java/Android