判断多个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 数组的方法集合
Jun 05 Javascript
基于JQuery的动态删除Table表格的行和列的代码
May 12 Javascript
JS实现随页面滚动显示/隐藏窗口固定位置元素
Feb 26 Javascript
JQuery学习总结【一】
Dec 01 Javascript
jQuery快速高效制作网页交互特效
Feb 24 Javascript
jQuery实现的form转json经典示例
Oct 10 jQuery
泛谈JS逻辑判断选择器 || &amp;&amp;
May 24 Javascript
Vue中axios拦截器如何单独配置token
Dec 27 Javascript
解决Vue @submit 提交后不刷新页面问题
Jul 18 Javascript
vue中echarts图表大小适应窗口大小且不需要刷新案例
Jul 19 Javascript
关于javascript中的promise的用法和注意事项(推荐)
Jan 15 Javascript
Vue OpenLayer测距功能的实现
Apr 20 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
PHP中在数据库中保存Checkbox数据(2)
2006/10/09 PHP
中篇:安装及配置PHP
2006/12/13 PHP
缓存技术详谈―php
2006/12/14 PHP
加强版phplib的DB类
2008/03/31 PHP
php 数据库字段复用的基本原理与示例
2011/07/22 PHP
php数组函数序列之array_slice() - 在数组中根据条件取出一段值,并返回
2011/11/07 PHP
CodeIgniter采用config控制的多语言实现根据浏览器语言自动转换功能
2014/07/18 PHP
php数值计算num类简单操作示例
2020/05/15 PHP
laravel开发环境homestead搭建过程详解
2020/07/03 PHP
jQuery判断div随滚动条滚动到一定位置后停止
2014/04/02 Javascript
IE6-8中Date不支持toISOString的修复方法
2014/05/04 Javascript
jQuery左侧大图右侧小图焦点图幻灯切换代码分享
2015/08/19 Javascript
Sublime Text 3常用插件及安装方法
2015/12/16 Javascript
详解ES6中的let命令
2020/04/05 Javascript
手机注册发送验证码倒计时的简单实例
2017/11/15 Javascript
nodejs更改项目端口号的方法
2018/05/13 NodeJs
学习React中ref的两个demo示例
2018/08/14 Javascript
Vue的状态管理vuex使用方法详解
2020/02/05 Javascript
vue实现购物车结算功能
2020/06/18 Javascript
jQuery实现简单轮播图效果
2020/12/27 jQuery
Python实现定时任务
2017/02/08 Python
详解python3中zipfile模块用法
2018/06/18 Python
对pandas读取中文unicode的csv和添加行标题的方法详解
2018/12/12 Python
Python datetime模块使用方法小结
2020/06/18 Python
Pycharm如何自动生成头文件注释
2020/11/14 Python
Python做图像处理及视频音频文件分离和合成功能
2020/11/24 Python
利用Python如何画一颗心、小人发射爱心
2021/02/21 Python
HTML5地理定位_动力节点Java学院整理
2017/07/12 HTML / CSS
次世代生活态度:Hypebeast
2018/07/05 全球购物
怎样写好创业计划书的内容
2014/02/06 职场文书
小学学校门卫岗位职责
2014/08/03 职场文书
教师节学生演讲稿
2014/09/03 职场文书
司机工作自我鉴定
2014/09/19 职场文书
领导班子党的群众路线对照检查材料
2014/09/25 职场文书
社交电商模式的兴起:这些新的商机千万别错过
2019/07/26 职场文书
Vue+Flask实现图片传输功能
2022/04/01 Vue.js