判断多个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 原型继承
Dec 26 Javascript
jQuery中将函数赋值给变量的调用方法
Mar 23 Javascript
JavaScript DOM 编程艺术(第2版)读书笔记(JavaScript的最佳实践)
Oct 01 Javascript
JavaScript设计模式之抽象工厂模式介绍
Dec 28 Javascript
你所不了解的javascript操作DOM的细节知识点(一)
Jun 17 Javascript
动态创建按钮的JavaScript代码
Jan 29 Javascript
jQuery通过写入cookie实现更换网页背景的方法
Apr 15 Javascript
js基于setTimeout与setInterval实现多线程
Jun 17 Javascript
Web 开发中Ajax的Session 超时处理方法
Jan 19 Javascript
Angular2 之 路由与导航详细介绍
May 26 Javascript
JS获取表格视图所选行号的ids过程解析
Feb 21 Javascript
JS实现炫酷轮播图
Nov 15 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
星际争霸中的对战模式介绍
2020/03/04 星际争霸
极典R601SW收音机
2021/03/02 无线电
特转载一高手总结PHP学习资源和链接.
2006/12/05 PHP
php数据库抽象层 PDO
2011/05/07 PHP
PHP ? EasyUI DataGrid 资料取的方式介绍
2012/11/07 PHP
PHP Yii框架之表单验证规则大全
2015/11/16 PHP
浅谈PHP定义命令空间的几个注意点(推荐)
2016/10/29 PHP
PHP数据分析引擎计算余弦相似度算法示例
2017/08/08 PHP
翻译整理的jQuery使用查询手册
2007/03/07 Javascript
再说AutoComplete自动补全之实现原理
2011/11/05 Javascript
Javascript添加监听与删除监听用法详解
2014/12/19 Javascript
javascript中Date对象的getDay方法使用指南
2014/12/22 Javascript
javascript属性访问表达式用法分析
2015/04/25 Javascript
浅析Javascript中bind()方法的使用与实现
2016/04/29 Javascript
Wireshark基本介绍和学习TCP三次握手
2016/08/15 Javascript
Vue.js中数组变动的检测详解
2016/10/12 Javascript
js实现获取鼠标当前的位置
2016/12/14 Javascript
Vue 组件修改根实例的数据的方法
2019/04/02 Javascript
[00:52]黑暗之门更新 新英雄孽主驾临DOTA2
2016/08/24 DOTA
[01:00:12]2018DOTA2亚洲邀请赛 4.7 淘汰赛 VP vs LGD 第一场
2018/04/09 DOTA
[00:18]天涯墨客三技能展示
2018/08/25 DOTA
Python描述器descriptor详解
2015/02/03 Python
举例讲解Python程序与系统shell交互的方式
2015/04/09 Python
python write无法写入文件的解决方法
2019/01/23 Python
python开发之anaconda以及win7下安装gensim的方法
2019/07/05 Python
Django框架序列化与反序列化操作详解
2019/11/01 Python
python实现在多维数组中挑选符合条件的全部元素
2019/11/26 Python
selenium 多窗口切换的实现(windows)
2020/01/18 Python
完美实现CSS垂直居中的11种方法
2021/03/27 HTML / CSS
秋季开学典礼主持词
2014/03/19 职场文书
《花木兰》教学反思
2014/04/09 职场文书
职工擅自离岗检讨书
2014/09/23 职场文书
党的群众路线教育实践活动个人剖析材料
2014/10/07 职场文书
员工升职自荐信
2015/03/27 职场文书
办公室行政主管岗位职责
2015/04/09 职场文书
Vue.js 带下拉选项的输入框(Textbox with Dropdown)组件
2021/04/17 Vue.js