判断多个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 相关文章推荐
让IE6支持min-width和max-width的方法
Jun 25 Javascript
Javascript中各种trim的实现详细解析
Dec 10 Javascript
js AppendChild与insertBefore用法详细对比
Dec 16 Javascript
jquery简单实现带渐显效果的选项卡菜单代码
Sep 01 Javascript
Svg.js实例教程及使用手册详解(一)
May 16 Javascript
jQuery ajaxSubmit 实现ajax提交表单局部刷新
Jul 04 Javascript
JavaScript中闭包之浅析解读(必看篇)
Aug 25 Javascript
简单模拟node.js中require的加载机制
Oct 27 Javascript
webpack配置之后端渲染详解
Oct 26 Javascript
微信小程序 input输入及动态设置按钮的实现
Oct 27 Javascript
浏览器调试动态js脚本的方法(图解)
Jan 19 Javascript
Vue+scss白天和夜间模式切换功能的实现方法
Jan 05 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
用Flash图形化数据(一)
2006/10/09 PHP
实现PHP多线程异步请求的3种方法
2014/01/17 PHP
php使用$_POST或$_SESSION[]向js函数传参
2014/09/16 PHP
THinkPHP获取客户端IP与IP地址查询的方法
2016/11/14 PHP
windows环境下使用Composer安装ThinkPHP5
2018/05/18 PHP
解决laravel id非自增 模型取回为0 的问题
2019/10/11 PHP
用Javascript数组处理多个字符串的连接问题
2009/08/20 Javascript
JS匀速运动演示示例代码
2013/11/26 Javascript
javascript实现密码强度显示
2015/03/18 Javascript
JavaScript实现带标题的图片轮播特效
2015/05/20 Javascript
jQuery实用技巧必备(下)
2015/11/03 Javascript
Javascript中this绑定的3种方法与比较
2016/10/13 Javascript
微信小程序 video组件详解
2016/10/25 Javascript
javascript跨域请求包装函数与用法示例
2016/11/03 Javascript
BootStrap框架中的data-[ ]自定义属性理解(推荐)
2017/02/14 Javascript
浅谈react.js 之 批量添加与删除功能
2017/04/17 Javascript
Node.js中使用mongoose操作mongodb数据库的方法
2017/09/12 Javascript
微信小程序实现animation动画
2018/01/26 Javascript
Vue项目部署在Spring Boot出现页面空白问题的解决方案
2018/11/26 Javascript
vue中组件通信的八种方式(值得收藏!)
2019/08/09 Javascript
vue使用vant中的checkbox实现全选功能
2020/11/17 Vue.js
[04:11]DOTA2上海特级锦标赛主赛事首日TOP10
2016/03/03 DOTA
[00:59]PWL开团时刻DAY7——我在赶
2020/11/06 DOTA
python 解析html之BeautifulSoup
2009/07/07 Python
Python导入oracle数据的方法
2015/07/10 Python
python实现支付宝当面付(扫码支付)功能
2018/05/30 Python
python 中文件输入输出及os模块对文件系统的操作方法
2018/08/27 Python
浅谈python 读excel数值为浮点型的问题
2018/12/25 Python
Python matplotlib画图与中文设置操作实例分析
2019/04/23 Python
python tkinter canvas使用实例
2019/11/04 Python
Python Socket TCP双端聊天功能实现过程详解
2020/06/15 Python
python3实现名片管理系统(控制台版)
2020/11/29 Python
大学生饮食连锁店创业计划书
2014/01/17 职场文书
事业单位辞职信范文
2014/01/19 职场文书
文明班级建设方案
2014/05/15 职场文书
植物园观后感
2015/06/11 职场文书