判断多个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 10件让人费解的事情
Feb 15 Javascript
读JavaScript DOM编程艺术笔记
Nov 15 Javascript
JQuery表格内容过滤的实现方法
Jul 05 Javascript
浅析jQuery1.8的几个小变化
Dec 10 Javascript
sails框架的学习指南
Dec 22 Javascript
BootStrap中按钮点击后被禁用按钮的最佳实现方法
Sep 23 Javascript
Bootstrap 3 进度条的实现
Feb 22 Javascript
vue中mint-ui的使用方法
Apr 04 Javascript
微信小程序中转义字符的处理方法
Mar 28 Javascript
Vue2.X和Vue3.0数据响应原理变化的区别
Nov 07 Javascript
vue+iview分页组件的封装
Nov 17 Vue.js
JavaScript 判断浏览器是否是IE
Feb 19 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
phpmyadmin MySQL 加密配置方法
2009/07/05 PHP
浅谈PHP中的
2016/04/23 PHP
基于jQuery的360图片展示实现代码
2012/06/14 Javascript
JQuery动画和停止动画实例代码
2013/03/01 Javascript
js判断undefined变量类型使用typeof
2013/06/03 Javascript
NodeJS url验证(url-valid)的使用方法
2013/11/18 NodeJs
JavaScript获取并更改input标签name属性的方法
2015/07/02 Javascript
jQuery+HTML5美女瀑布流布局实现方法
2015/09/21 Javascript
学习javascript面向对象 实例讲解面向对象选项卡
2016/01/04 Javascript
JS弹出新窗口被拦截的解决方法
2016/08/09 Javascript
5分钟打造简易高效的webpack常用配置
2017/07/04 Javascript
如何在Angular应用中创建包含组件方法示例
2019/03/23 Javascript
JS自定义右键菜单实现代码解析
2020/07/16 Javascript
javascript实现简易计算器功能
2020/09/23 Javascript
[56:42]完美世界DOTA2联赛循环赛 Matador vs Forest 第二场 11.06
2020/11/06 DOTA
Python去掉字符串中空格的方法
2014/03/11 Python
详解Python字符串对象的实现
2015/12/24 Python
python如何使用unittest测试接口
2018/04/04 Python
python3 读取Excel表格中的数据
2018/10/16 Python
python 使用正则表达式按照多个空格分割字符的实例
2018/12/20 Python
用Python解数独的方法示例
2019/10/24 Python
python爬取王者荣耀全皮肤的简单实现代码
2020/01/31 Python
HTML5在a标签内放置块级元素示例代码
2013/08/23 HTML / CSS
解决html5中的video标签ios系统中无法播放使用的问题
2020/08/10 HTML / CSS
旧时光糖果:Old Time Candy
2018/02/05 全球购物
Hello Molly美国:女性时尚在线
2019/08/26 全球购物
电气工程及其自动化学生实习自我鉴定
2013/09/19 职场文书
党校学习思想汇报
2014/01/06 职场文书
学生会主席事迹材料
2014/01/28 职场文书
乡镇干部十八大感言
2014/02/17 职场文书
元旦活动感言
2014/03/08 职场文书
班干部竞选演讲稿(精选5篇)
2019/09/24 职场文书
Golang 如何实现函数的任意类型传参
2021/04/29 Golang
Python词云的正确实现方法实例
2021/05/08 Python
基于Redis过期事件实现订单超时取消
2021/05/08 Redis
浅谈Python协程asyncio
2021/06/20 Python