判断多个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 相关文章推荐
document.onreadystatechange事件的用法分析
Oct 17 Javascript
让IE6支持min-width和max-width的方法
Jun 25 Javascript
jquery 插件学习(五)
Aug 06 Javascript
浅析js预加载/延迟加载
Sep 25 Javascript
JavaScript学习小结(7)之JS RegExp
Nov 29 Javascript
基于jQuery实现仿51job城市选择功能实例代码
Mar 02 Javascript
JS实现的相册图片左右滚动完整实例
Nov 23 Javascript
JavaScript 字符串数字左补位,右补位,取固定长度,截位扩展函数代码
Mar 25 Javascript
webpack学习--webpack经典7分钟入门教程
Jun 28 Javascript
分析JS中this引发的bug
Dec 12 Javascript
基于node.js实现微信支付退款功能
Dec 19 Javascript
vue 中使用 watch 出现了如下的报错的原因分析
May 21 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 Class&amp;Object -- PHP 自排序二叉树的深入解析
2013/06/25 PHP
Destoon旺旺无法正常显示,点击提示“会员名不存在”的解决办法
2014/06/21 PHP
Laravel+jQuery实现AJAX分页效果
2016/09/14 PHP
捕获关闭窗口的脚本
2009/01/10 Javascript
远离JS灾难css灾难之 js私有函数和css选择器作为容器
2011/12/11 Javascript
javascript实现TreeView 无刷新展开的实例代码
2013/07/13 Javascript
js调用css属性写法
2013/09/21 Javascript
javascript常用的正则表达式实例
2014/05/15 Javascript
教你用AngularJS框架一行JS代码实现控件验证效果
2014/06/23 Javascript
chrome调试javascript详解
2015/10/21 Javascript
漫谈JS引擎的运行机制 你应该知道什么
2016/06/15 Javascript
基于Bootstrap的Metronic框架实现页面链接收藏夹功能
2016/08/29 Javascript
ajax+node+request爬取网络图片的实例(宅男福利)
2017/08/28 Javascript
30分钟用Node.js构建一个API服务器的步骤详解
2019/05/24 Javascript
使用Vue调取接口,并渲染数据的示例代码
2019/10/28 Javascript
vue实现设置载入动画和初始化页面动画效果
2019/10/28 Javascript
微信小程序canvas动态时钟
2020/10/22 Javascript
Python(Tornado)模拟登录小米抢手机
2013/11/12 Python
python中matplotlib实现最小二乘法拟合的过程详解
2017/07/11 Python
Python实现的人工神经网络算法示例【基于反向传播算法】
2017/11/11 Python
Python基于dom操作xml数据的方法示例
2018/05/12 Python
浅述python2与python3的简单区别
2018/09/19 Python
python 自定义对象的打印方法
2019/01/12 Python
python KNN算法实现鸢尾花数据集分类
2019/10/24 Python
PyTorch学习:动态图和静态图的例子
2020/01/06 Python
Python求平面内点到直线距离的实现
2020/01/19 Python
Python 实现将某一列设置为str类型
2020/07/14 Python
安装python依赖包psycopg2来调用postgresql的操作
2021/01/01 Python
大学生写自荐信的技巧
2014/01/08 职场文书
领导干部民主生活会自我剖析材料范文
2014/09/20 职场文书
公司委托书格式范文
2014/10/09 职场文书
租房协议书范例
2014/10/14 职场文书
2014年党风廉政工作总结
2014/12/03 职场文书
升职自荐书
2019/05/09 职场文书
Vue.Draggable实现交换位置
2022/04/07 Vue.js
Mysql中的触发器定义及语法介绍
2022/06/25 MySQL