判断多个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 相关文章推荐
JS实现文字向下滚动完整实例
Feb 06 Javascript
jquery插件orbit.js实现图片折叠轮换特效
Apr 14 Javascript
JS插件plupload.js实现多图上传并显示进度条
Nov 29 Javascript
BootStrapTable 单选及取值的实现方法
Jan 10 Javascript
JSON 数据详解及实例代码分析
Jan 20 Javascript
JavaScript之生成器_动力节点Java学院整理
Jun 30 Javascript
Three.js实现3D机房效果
Dec 30 Javascript
vue学习笔记之slot插槽基本用法实例分析
Feb 01 Javascript
javascript设计模式 ? 抽象工厂模式原理与应用实例分析
Apr 09 Javascript
vue使用Sass时报错问题的解决方法
Oct 14 Javascript
详解vue 组件注册
Nov 20 Vue.js
Vue3中的Refs和Ref详情
Nov 11 Vue.js
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 mkdir()定义和用法
2009/01/14 PHP
对于PHP 5.4 你必须要知道的
2013/08/07 PHP
PHP商品秒杀问题解决方案实例详解【mysql与redis】
2019/07/22 PHP
ExtJS 2.0 GridPanel基本表格简明教程
2010/05/25 Javascript
JS常用正则表达式总结
2013/11/12 Javascript
Jquery Uploadify上传带进度条的简单实例
2014/02/12 Javascript
JavaScript中获取样式的原生方法小结
2014/10/08 Javascript
javascript模拟评分控件实现方法
2015/05/13 Javascript
JavaScript中的Promise使用详解
2015/06/24 Javascript
深入浅析JavaScript字符串操作方法 slice、substr、substring及其IE兼容性
2015/12/16 Javascript
javascript和jquery实现用户登录验证
2016/05/04 Javascript
基于Turn.js 实现翻书效果实例解析
2016/06/20 Javascript
深入理解js中的加载事件
2017/02/08 Javascript
Vue学习笔记进阶篇之过渡状态详解
2017/07/14 Javascript
详解angularjs的数组传参方式的简单实现
2017/07/28 Javascript
Promise.all中对于reject的处理方法
2018/08/01 Javascript
jQuery中each和js中forEach的区别分析
2019/02/27 jQuery
vue学习笔记五:在vue项目里面使用引入公共方法详解
2019/04/04 Javascript
JavaScript中的this/call/apply/bind的使用及区别
2020/03/06 Javascript
[54:28]EG vs OG 2019国际邀请赛小组赛 BO2 第一场 8.16
2019/08/18 DOTA
[01:03:33]Alliance vs TNC 2019国际邀请赛小组赛 BO2 第一场 8.16
2019/08/18 DOTA
python调用shell的方法
2013/11/20 Python
在python3环境下的Django中使用MySQL数据库的实例
2017/08/29 Python
Python基于回溯法子集树模板实现8皇后问题
2017/09/01 Python
Python基于多线程实现抓取数据存入数据库的方法
2018/06/22 Python
选择Python写网络爬虫的优势和理由
2019/07/07 Python
基于python3 pyQt5 QtDesignner实现窗口化猜数字游戏功能
2019/07/15 Python
Matplotlib绘制雷达图和三维图的示例代码
2020/01/07 Python
python 用Matplotlib作图中有多个Y轴
2020/11/28 Python
html5版canvas自由拼图实例
2014/10/15 HTML / CSS
巴西男士胡须和头发护理产品商店:Beard
2017/11/13 全球购物
Servlet如何得到服务器的信息
2015/12/22 面试题
会计求职自荐信
2014/06/20 职场文书
2014年社区个人工作总结
2014/12/02 职场文书
2014年基建工作总结
2014/12/12 职场文书
Opencv中cv2.floodFill算法的使用
2021/06/18 Python