判断多个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与自动伸缩图片 自动缩小图片的多浏览器兼容的方法总结
Mar 12 Javascript
JavaScript 应用技巧集合[推荐]
Aug 30 Javascript
小议Javascript中的this指针
Mar 18 Javascript
关于js拖拽上传 [一个拖拽上传修改头像的流程]
Jul 13 Javascript
一个分享按钮的插件使用介绍(可扩展,内附开发制作流程)
Sep 19 Javascript
javascript定时变换图片实例代码
Mar 17 Javascript
在线一元二次方程计算器实例(方程计算器在线计算)
Dec 22 Javascript
JS烟花背景效果实现方法
Mar 03 Javascript
简单解析JavaScript中的__proto__属性
May 10 Javascript
判断文字超过2行添加展开按钮,未超过则不显示,溢出部分显示省略号
Apr 28 Javascript
如何使用JavaScript检测空闲的浏览器选项卡
May 28 Javascript
vue自定义组件实现双向绑定
Jan 13 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
114啦源码(114la)不能生成地方房产和地方报刊问题4级页面0字节的解决方法
2012/01/12 PHP
PHP 关于访问控制的和运算符优先级介绍
2013/07/08 PHP
PHP 验证登陆类分享
2015/03/13 PHP
js基于qrcode.js生成二维码的方法【附demo插件源码下载】
2016/12/28 PHP
CSS中简写属性要注意TRouBLe的顺序问题(避免踩坑)
2021/03/09 HTML / CSS
JavaScript的目的分析
2007/01/05 Javascript
js控制table合并具体实现
2014/02/20 Javascript
JS设置CSS样式的方式汇总
2017/01/21 Javascript
jQuery中的on与bind绑定事件区别实例详解
2017/02/28 Javascript
jQuery EasyUI ProgressBar进度条组件
2017/02/28 Javascript
layui前段框架日期控件使用方法详解
2017/05/19 Javascript
JS 验证密码 不能为空,必须含有数字、字母、特殊字符,长度在8-12位
2017/06/21 Javascript
微信小程序 蓝牙的实现实例代码
2017/06/27 Javascript
深入浅出webpack教程系列_安装与基本打包用法和命令参数详解
2017/09/10 Javascript
js实现左右两侧浮动广告
2018/07/09 Javascript
Vue 组件封装 并使用 NPM 发布的教程
2018/09/30 Javascript
Vue唯一可以更改vuex实例中state数据状态的属性对象Mutation的讲解
2019/01/18 Javascript
swiper4实现移动端导航栏tab滑动切换
2020/10/16 Javascript
[02:43]中国五虎出征TI3视频
2013/08/02 DOTA
python实现给字典添加条目的方法
2014/09/25 Python
tensorflow 获取变量&amp;打印权值的实例讲解
2018/06/14 Python
python pcm音频添加头转成Wav格式文件的方法
2019/01/09 Python
html5写一个BUI折叠菜单插件的实现方法
2019/09/11 HTML / CSS
GEOX鞋美国官方网站:意大利会呼吸的鞋
2017/07/12 全球购物
杭州-DOTNET笔试题集
2013/09/25 面试题
在weblogic中发布ejb需涉及到哪些配置文件
2012/01/17 面试题
幼师自荐信范文
2013/10/06 职场文书
一名毕业生的自我鉴定
2013/12/04 职场文书
护士自我评价
2014/02/01 职场文书
三方协议书范本
2014/04/22 职场文书
食堂标语大全
2014/06/11 职场文书
2015年元旦演讲稿
2014/09/12 职场文书
党支部书记岗位职责
2015/02/15 职场文书
2015年党员公开承诺事项
2015/04/27 职场文书
退休教师欢送会致辞
2015/07/31 职场文书
投资入股协议书
2016/03/22 职场文书