判断多个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淡入淡出效果的实现思路
Mar 31 Javascript
Jquery实现搜索框提示功能示例代码
Aug 13 Javascript
js实现日期级联效果
Jan 23 Javascript
jquery实现多条件筛选特效代码分享
Aug 28 Javascript
详解JavaScript对Date对象的操作问题(生成一个倒数7天的数组)
Oct 01 Javascript
跟我学习javascript的undefined与null
Nov 17 Javascript
jquery对Json的各种遍历方法总结(必看篇)
Sep 29 Javascript
jQuery Masonry瀑布流插件使用方法详解
Jan 18 Javascript
js原生Ajax的封装和原理详解
Mar 11 Javascript
用vue封装插件并发布到npm的方法步骤
Oct 18 Javascript
实战node静态文件服务器的示例代码
Mar 08 Javascript
小程序图片长按识别功能的实现方法
Aug 30 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几个算法:PHP冒泡、PHP二分法、PHP求素数、PHP乘法表
2013/06/06 PHP
详解Yii2 之 生成 URL 的方法
2017/06/16 PHP
PHP时间日期增减操作示例【date strtotime实现加一天、加一月等操作】
2018/12/21 PHP
Laravel 创建指定表 migrate的例子
2019/10/09 PHP
js实现带搜索功能的下拉框实时搜索实时匹配
2013/11/05 Javascript
javascript实现数字验证码的简单实例
2014/02/10 Javascript
基于jQuery创建鼠标悬停效果的方法
2015/03/07 Javascript
创建你的第一个AngularJS应用的方法
2015/06/16 Javascript
javascript页面倒计时实例
2015/07/25 Javascript
jQuery实现的多级下拉菜单效果代码
2015/08/24 Javascript
JavaScript微信定位功能实现方法
2016/11/29 Javascript
JS轮播图中缓动函数的封装
2020/11/25 Javascript
微信小程序中form 表单提交和取值实例详解
2017/04/20 Javascript
layui表格 列自动适应大小失效的解决方法
2019/09/06 Javascript
Python yield使用方法示例
2013/12/04 Python
python自定义类并使用的方法
2015/05/07 Python
Python实现的快速排序算法详解
2017/08/01 Python
Python使用arrow库优雅地处理时间数据详解
2017/10/10 Python
python利用多种方式来统计词频(单词个数)
2019/05/27 Python
pandas中DataFrame修改index、columns名的方法示例
2019/08/02 Python
Python实现SMTP邮件发送
2020/06/16 Python
python中tkinter窗口位置\坐标\大小等实现示例
2020/07/09 Python
python绘制汉诺塔
2021/03/01 Python
Autopep8的使用(python自动编排工具)
2021/03/02 Python
基于PyInstaller各参数的含义说明
2021/03/04 Python
台湾森森购物网:U-mall
2017/10/16 全球购物
香港最大的洋酒零售连锁店:屈臣氏酒窖(Watson’s Wine)
2018/12/10 全球购物
美国滑雪板和装备购物网站:Skis.com
2018/12/20 全球购物
毕业生多媒体设计求职信
2013/10/12 职场文书
奠基仪式主持词
2014/03/20 职场文书
2014年十一国庆向国旗敬礼寄语
2014/04/11 职场文书
爱护公共设施演讲稿
2014/09/13 职场文书
党员批评与自我批评
2014/10/15 职场文书
责任书范本大全
2015/05/11 职场文书
入党转正申请自我鉴定
2019/06/25 职场文书
不同品牌、不同型号对讲机如何互相通联
2022/02/18 无线电