判断多个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 06 Javascript
jQuery封装的获取Url中的Get参数示例
Nov 26 Javascript
Javascript中3种实现继承的方法和代码实例
Aug 12 Javascript
JavaScript控制table某列不显示的方法
Mar 16 Javascript
javascript实现base64 md5 sha1 密码加密
Sep 09 Javascript
基于rem的移动端响应式适配方案(详解)
Jul 07 Javascript
通过命令行创建vue项目的方法
Jul 20 Javascript
XMLHttpRequest对象_Ajax异步请求重点(推荐)
Sep 28 Javascript
浅谈Node.js 沙箱环境
May 15 Javascript
Vue开发之封装上传文件组件与用法示例
Apr 25 Javascript
vue-cli配置flexible过程详解
Jul 04 Javascript
帮你彻底搞懂JS中的prototype、__proto__与constructor(图解)
Aug 23 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 中 Orientation 属性判断上传图片是否需要旋转
2015/10/16 PHP
PHP实现下载远程图片保存到本地的方法
2017/06/19 PHP
Node.js实战 建立简单的Web服务器
2012/03/08 Javascript
javascript event在FF和IE的兼容传参心得(绝对好用)
2014/07/10 Javascript
javascript限制用户只能输汉字中文的方法
2014/11/20 Javascript
Javascript核心读书有感之词法结构
2015/02/01 Javascript
RequireJS多页面应用实例分析
2016/06/29 Javascript
常用js,css文件统一加载方法(推荐) 并在加载之后调用回调函数
2016/09/23 Javascript
nodejs读写json文件的简单方法(必看)
2017/03/09 NodeJs
从零开始学习Node.js系列教程四:多页面实现数学运算的client端和server端示例
2017/04/13 Javascript
详解vue项目优化之按需加载组件-使用webpack require.ensure
2017/06/13 Javascript
利用vue+elementUI实现部分引入组件的方法详解
2017/11/22 Javascript
js中apply和Math.max()函数的问题及区别介绍
2018/03/27 Javascript
Vue press 支持图片放大功能的实例代码
2018/11/09 Javascript
Vue 事件处理操作实例详解
2019/03/05 Javascript
Vue安装浏览器开发工具的步骤详解
2019/05/12 Javascript
Webpack 4如何动态切割JS注入文件名详解
2019/07/09 Javascript
vue cli3 调用百度翻译API翻译页面的实现示例
2019/09/13 Javascript
js实现淘宝首页的banner栏效果
2019/11/26 Javascript
js实现登录时记住密码的方法分析
2020/04/05 Javascript
微信小程序学习总结(二)样式、属性、模板操作分析
2020/06/04 Javascript
Win7下搭建python开发环境图文教程(安装Python、pip、解释器)
2016/05/17 Python
python3通过selenium爬虫获取到dj商品的实例代码
2019/04/25 Python
python中update的基本使用方法详解
2019/07/17 Python
通过python扫描二维码/条形码并打印数据
2019/11/14 Python
使用Python获取当前工作目录和执行命令的位置
2020/03/09 Python
python使用for...else跳出双层嵌套循环的方法实例
2020/05/17 Python
美国最便宜的旅游网站:CheapTickets
2017/07/09 全球购物
新浪微博实习心得体会
2014/01/27 职场文书
企业诚信承诺书
2014/05/23 职场文书
2015共产党员公开承诺书
2015/01/22 职场文书
单位推荐信范文
2015/03/27 职场文书
军训阅兵新闻稿
2015/07/17 职场文书
2016年禁毒宣传活动总结
2016/04/05 职场文书
幼儿教师三分钟演讲稿
2019/06/21 职场文书
QT连接MYSQL数据库的详细步骤
2021/07/07 MySQL