判断多个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中Object和Function的关系小结
Sep 26 Javascript
javaScript call 函数的用法说明
Apr 09 Javascript
Package.js  现代化的JavaScript项目make工具
May 23 Javascript
jQuery实现图片信息的浮动显示实例代码
Aug 28 Javascript
Bootstrap每天必学之栅格系统(布局)
Nov 25 Javascript
vue-ajax小封装实例
Sep 18 Javascript
vue2.0与bootstrap3实现列表分页效果
Nov 28 Javascript
Vue 拦截器对token过期处理方法
Jan 23 Javascript
javascript实现的图片预览和上传功能示例【兼容IE 9】
May 01 Javascript
vue实现循环滚动列表
Jun 30 Javascript
VUE UPLOAD 通过ACTION返回上传结果操作
Sep 07 Javascript
swiperjs实现导航与tab页的联动
Dec 13 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
CakePHP去除默认显示的标题及图标的方法
2008/10/22 PHP
php file_put_contents()功能函数(集成了fopen、fwrite、fclose)
2011/05/24 PHP
php 参数过滤、数据过滤详解
2015/10/26 PHP
php nginx 实时输出的简单实现方法
2018/01/21 PHP
BOOM vs RR BO3 第二场2.13
2021/03/10 DOTA
js multiple全选与取消全选实现代码
2012/12/04 Javascript
前后台交互过程中json格式如何解析以及如何生成
2012/12/26 Javascript
javascript加号&quot;+&quot;的二义性说明
2013/03/04 Javascript
jQuery toggleClass应用实例(附效果图)
2014/04/06 Javascript
jQuery的one()方法用法实例
2015/01/19 Javascript
温习Javascript基础语法之词法结构
2016/05/31 Javascript
JavaScript作用域示例详解
2016/07/07 Javascript
Bootstrap基本样式学习笔记之表格(2)
2016/12/07 Javascript
详解nodejs 文本操作模块-fs模块(五)
2016/12/23 NodeJs
详解vue过滤器在v2.0版本用法
2017/06/01 Javascript
使用Webpack提高Vue.js应用的方式汇总(四种)
2017/07/10 Javascript
AngularJs 禁止模板缓存的方法
2017/11/28 Javascript
AngularJS监听ng-repeat渲染完成的两种方法
2018/01/16 Javascript
解决angularjs前后端分离调用接口传递中文时中文乱码的问题
2018/08/13 Javascript
解决Angular2 router.navigate刷新页面的问题
2018/08/31 Javascript
使用vue开发移动端管理后台的注意事项
2019/03/07 Javascript
详解vue.js移动端配置flexible.js及注意事项
2019/04/10 Javascript
JavaScript回调函数callback用法解析
2020/01/14 Javascript
NodeJS开发人员常见五个错误理解
2020/10/14 NodeJs
python实现从web抓取文档的方法
2014/09/26 Python
详解appium+python 启动一个app步骤
2017/12/20 Python
Python向MySQL批量插数据的实例讲解
2018/03/31 Python
Django使用详解:ORM 的反向查找(related_name)
2018/05/30 Python
Python编程实现tail-n查看日志文件的方法
2019/07/08 Python
Python tkinter之Bind(绑定事件)的使用示例
2021/02/05 Python
深入了解canvas在移动端绘制模糊的问题解决
2019/04/30 HTML / CSS
十岁生日家长答谢词
2014/01/17 职场文书
小区门卫管理制度
2014/01/29 职场文书
2014年公司迎新年活动方案
2014/02/24 职场文书
服务承诺书怎么写
2014/05/24 职场文书
MySQL大小写敏感的注意事项
2021/05/24 MySQL