判断多个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 相关文章推荐
FireFox JavaScript全局Event对象
Jun 14 Javascript
Html中JS脚本执行顺序简单举例说明
Jun 19 Javascript
JS调用CS里的带参方法实例
Aug 01 Javascript
node.js中的fs.lchown方法使用说明
Dec 16 Javascript
AngularJs根据访问的页面动态加载Controller的解决方案
Feb 04 Javascript
使用JavaScript解决网页图片拉伸问题(推荐)
Nov 25 Javascript
jquery实现多次上传同一张图片
Jan 09 Javascript
JavaScript实现提交模式窗口后刷新父窗口数据的方法
Jun 16 Javascript
30分钟快速入门掌握ES6/ES2015的核心内容(上)
Apr 18 Javascript
微信小程序文章详情页面实现代码
Sep 10 Javascript
jQuery实现的中英文切换功能示例
Jan 11 jQuery
jQuery 判断元素是否存在然后按需加载内容的实现代码
Jan 16 jQuery
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
星际争霸中的对战模式介绍
2020/03/04 星际争霸
php读取3389的脚本
2014/05/06 PHP
PHP输出图像imagegif、imagejpeg与imagepng函数用法分析
2016/11/14 PHP
关于PHP通用返回值设置方法
2017/03/31 PHP
通过JavaScript使Div居中并随网页大小改变而改变
2013/06/24 Javascript
基于jQuery实现的文字按钮表单特效整理
2014/12/07 Javascript
原生JS版和jquery版实现checkbox的全选/全不选/点选/行内点选(Mr.Think)
2016/10/29 Javascript
关于axios返回空对象的问题解决
2017/04/04 Javascript
JS判断一个数是否是水仙花数
2017/06/11 Javascript
JavaScript严格模式下关于this的几种指向详解
2017/07/12 Javascript
详解Vue2中组件间通信的解决全方案
2017/07/28 Javascript
jQuery使用bind函数实现绑定多个事件的方法
2017/10/11 jQuery
JavaScript基于数组实现的栈与队列操作示例
2018/12/22 Javascript
element-ui带输入建议的input框踩坑(输入建议空白以及会闪出上一次的输入建议问题)
2019/01/15 Javascript
js实现打字小游戏
2019/12/17 Javascript
Vue简单封装axios之解决post请求后端接收不到参数问题
2020/02/16 Javascript
基于node+websocket+html实现腾讯课堂聊天室聊天功能
2020/03/04 Javascript
vue商城中商品“筛选器”功能的实现代码
2020/07/01 Javascript
详细分析React 表单与事件
2020/07/08 Javascript
Python中用startswith()函数判断字符串开头的教程
2015/04/07 Python
python自动登录12306并自动点击验证码完成登录的实现源代码
2018/04/25 Python
python3.4实现邮件发送功能
2018/05/28 Python
django框架防止XSS注入的方法分析
2019/06/21 Python
安纳塔拉酒店度假村及水疗官方网站:Anantara Hotel
2016/08/25 全球购物
Foot Locker意大利官网:全球领先的运动鞋和服装零售商
2017/05/30 全球购物
世界上最大的乐器零售商:Guitar Center
2017/11/07 全球购物
电气自动化专业职业规划范文
2014/02/16 职场文书
职业生涯规划书范文
2014/03/10 职场文书
教师个人自我评价范文
2014/04/13 职场文书
2014年母亲节寄语
2014/05/07 职场文书
大学应届毕业生求职信
2014/05/24 职场文书
英语专业自荐书
2014/06/13 职场文书
践行三严三实心得体会
2014/10/13 职场文书
网络舆情信息简报
2015/07/21 职场文书
Python实现智慧校园自动评教全新版
2021/06/18 Python
Java面试题冲刺第十九天--数据库(4)
2021/08/07 Java/Android