判断多个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 相关文章推荐
ExtJS GridPanel 根据条件改变字体颜色
Mar 08 Javascript
Javascript实现返回上一页面并刷新的小例子
Dec 11 Javascript
30个经典的jQuery代码开发技巧
Dec 15 Javascript
thinkphp 表名 大小写 窍门
Feb 01 Javascript
js插件YprogressBar实现漂亮的进度条效果
Apr 20 Javascript
理解JavaScript中Promise的使用
Jan 18 Javascript
js获取鼠标点击的对象,点击另一个按钮删除该对象的实现代码
May 13 Javascript
vue axios用法教程详解
Jul 23 Javascript
es6学习之解构时应该注意的点
Aug 29 Javascript
vue v-model动态生成详解
Jun 30 Javascript
值得收藏的八个常用的js正则表达式
Oct 19 Javascript
如何使用JavaScript策略模式校验表单
Apr 29 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把数组值转换成键的方法
2015/07/13 PHP
简单介绍PHP的责任链编程模式
2015/08/11 PHP
PHP常见漏洞攻击分析
2016/02/21 PHP
laravel 解决crontab不执行的问题
2019/10/22 PHP
PHP正则之正向预查与反向预查讲解与实例
2020/04/06 PHP
window.open不被拦截的实现代码
2012/08/22 Javascript
jquery实现简单的拖拽效果实例兼容所有主流浏览器(优化篇)
2013/06/28 Javascript
JavaScript控制按钮可用或不可用的方法
2015/04/03 Javascript
jquery实现适用于门户站的导航下拉菜单效果代码
2015/08/24 Javascript
js制作带有遮罩弹出层实现登录注册表单特效代码分享
2015/09/05 Javascript
《JavaScript高级编程》学习笔记之object和array引用类型
2015/11/01 Javascript
javascript自动恢复文本框点击清除后的默认文本
2016/01/12 Javascript
一个用jquery写的判断div滚动条到底部的方法【推荐】
2016/04/29 Javascript
JS简单实现数组去重的方法示例
2017/03/27 Javascript
nodejs 搭建简易服务器的图文教程(推荐)
2017/07/18 NodeJs
JS获取日期的方法实例【昨天,今天,明天,前n天,后n天的日期】
2017/09/28 Javascript
Vue-cli 使用json server在本地模拟请求数据的示例代码
2017/11/02 Javascript
微信小程序实现禁止分享代码实例
2019/10/19 Javascript
[01:38]完美世界DOTA2联赛(PWL)宣传片:第一站
2020/10/26 DOTA
Python enumerate遍历数组示例应用
2008/09/06 Python
浅析Python中的多条件排序实现
2016/06/07 Python
python ubplot使用方法解析
2020/01/10 Python
在tensorflow中实现屏蔽输出的log信息
2020/02/04 Python
实例讲解利用HTML5 Canvas API操作图形旋转的方法
2016/03/22 HTML / CSS
米兰必去买手店排行榜首位:Antonioli
2016/09/11 全球购物
澳大利亚领先的在线美容商店:Facial Co
2017/10/22 全球购物
美国家居装饰网上商店:Lulu & Georgia
2019/09/14 全球购物
党支部书记先进事迹
2014/01/17 职场文书
太太口服液广告词
2014/03/20 职场文书
学校节能减排方案
2014/06/13 职场文书
三严三实对照检查材料
2014/08/25 职场文书
世界红十字日活动总结
2015/02/10 职场文书
企业法人代表证明书
2015/06/18 职场文书
2015年财务人员个人工作总结
2015/07/27 职场文书
导游词之安徽巢湖
2019/12/26 职场文书
vue 给数组添加新对象并赋值
2022/04/20 Vue.js