判断多个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 相关文章推荐
THREE.JS入门教程(6)创建自己的全景图实现步骤
Jan 25 Javascript
javascript使用定时函数实现跳转到某个页面
Dec 25 Javascript
JavaScript中将数组进行合并的基本方法讲解
Mar 07 Javascript
原生js封装二级城市下拉列表的实现代码
Jun 16 Javascript
详解使用Vue.Js结合Jquery Ajax加载数据的两种方式
Jan 10 Javascript
Vue.js实现表格动态增加删除的方法(附源码下载)
Jan 20 Javascript
jsonp跨域请求实现示例
Mar 13 Javascript
微信小程序自定义组件之可清除的input组件
Jul 17 Javascript
vue+axios实现文件下载及vue中使用axios的实例
Sep 21 Javascript
ES6中的class是如何实现的(附Babel编译的ES5代码详解)
May 17 Javascript
ES6的异步操作之promise用法和async函数的具体使用
Dec 06 Javascript
vue 使用 v-model 双向绑定父子组件的值遇见的问题及解决方案
Mar 01 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
微信公众平台DEMO(PHP)
2016/05/04 PHP
PHP环形链表实现方法示例
2017/09/15 PHP
php 实现简单的登录功能示例【基于thinkPHP框架】
2019/12/02 PHP
Thinkphp 框架基础之入口文件功能、定义与用法分析
2020/04/27 PHP
3Z版基于jquery的图片复选框(asp.net+jquery)
2010/04/12 Javascript
namespace.js Javascript的命名空间库
2011/10/11 Javascript
教你使用javascript简单写一个页面模板引擎
2015/05/05 Javascript
javascript解决小数的加减乘除精度丢失的方案
2016/05/31 Javascript
关于Bootstrap按钮组件消除黄框的方法
2017/05/19 Javascript
vue-cli webpack2项目打包优化分享
2018/02/07 Javascript
手动用webpack搭建第一个ReactApp的示例
2018/04/11 Javascript
JavaScript的Object.defineProperty详解
2018/07/09 Javascript
vue Tab切换以及缓存页面处理的几种方式
2019/11/05 Javascript
基于vue+uniapp直播项目实现uni-app仿抖音/陌陌直播室功能
2019/11/12 Javascript
[46:20]DOTA2-DPC中国联赛 正赛 PSG.LGD vs LBZS BO3 第二场 1月22日
2021/03/11 DOTA
python批量修改文件编码格式的方法
2018/05/31 Python
python中ImageTk.PhotoImage()不显示图片却不报错问题解决
2018/12/06 Python
python3正则提取字符串里的中文实例
2019/01/31 Python
Python基础之循环语句用法示例【for、while循环】
2019/03/23 Python
Django如何自定义model创建数据库索引的顺序
2019/06/20 Python
Python获取当前脚本文件夹(Script)的绝对路径方法代码
2019/08/27 Python
python多线程分块读取文件
2019/08/29 Python
python3 pillow模块实现简单验证码
2019/10/31 Python
Tensorflow实现在训练好的模型上进行测试
2020/01/20 Python
PyCharm设置注释字体颜色以及是否倾斜的操作
2020/09/16 Python
教你使用Sublime text3搭建Python开发环境及常用插件安装另分享Sublime text3最新激活注册码
2020/11/12 Python
法国最大电子商务平台:Cdiscount
2018/03/13 全球购物
美国婴儿和儿童家具网上商店:ABaby.com
2018/07/02 全球购物
香港网上花店:FlowerAdvisor香港
2019/05/30 全球购物
艺术系大学生毕业个人自我评价
2013/09/19 职场文书
弘扬焦裕禄精神走群众路线思想汇报
2014/09/12 职场文书
钳工实训报告总结
2014/11/04 职场文书
2014年小学教导处工作总结
2014/12/19 职场文书
电力培训学习心得体会
2016/01/11 职场文书
无线电知识基础入门篇
2022/02/18 无线电
baselines示例程序train_cartpole.py的ImportError
2022/05/20 Python