判断多个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 类与静态类的实现(续)
Apr 02 Javascript
js 绑定带参数的事件以及手动触发事件
Apr 27 Javascript
Js base64 加密解密介绍
Oct 11 Javascript
JS中产生20位随机数以0-9为例也可以是a-z A-Z
Aug 01 Javascript
深入分析Cookie的安全性问题
Mar 01 Javascript
js实现图片缓慢放大缩小效果
Aug 02 Javascript
谈谈JS中常遇到的浏览器兼容问题和解决方法
Dec 17 Javascript
通过BootStrap-select插件 js jQuery控制select属性变化
Jan 03 Javascript
js浏览器滚动条卷去的高度scrolltop(实例讲解)
Jul 07 Javascript
Cpage.js给组件绑定事件的实现代码
Aug 31 Javascript
微信小程序自定义对话框弹出和隐藏动画
Jul 19 Javascript
js中this的指向问题归纳总结
Nov 28 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
php中addslashes函数与sql防注入
2014/11/17 PHP
Yii框架使用PHPExcel导出Excel文件的方法分析【改进版】
2019/07/24 PHP
深入理解JavaScript系列(14) 作用域链介绍(Scope Chain)
2012/04/12 Javascript
eclipse如何忽略js文件报错(附图)
2013/10/30 Javascript
AngularJS基础知识
2014/12/21 Javascript
解决ueditor jquery javascript 取值问题
2014/12/30 Javascript
jquery实现的横向二级导航效果代码
2015/08/26 Javascript
JS DOM实现鼠标滑动图片效果
2020/09/17 Javascript
Wireshark基本介绍和学习TCP三次握手
2016/08/15 Javascript
JS实现重新加载当前页面
2016/11/29 Javascript
html判断当前页面是否在iframe中的实例
2016/11/30 Javascript
jQuery实现文档树效果
2017/02/20 Javascript
详解node HTTP请求客户端 - Request
2017/05/05 Javascript
ES6中的rest参数与扩展运算符详解
2017/07/18 Javascript
用ES6的class模仿Vue写一个双向绑定的示例代码
2018/04/20 Javascript
Vue手把手教你撸一个 beforeEnter 钩子函数
2018/04/24 Javascript
vue slot与传参实例代码讲解
2019/04/28 Javascript
vue使用swiper实现中间大两边小的轮播图效果
2019/11/24 Javascript
nestjs中异常过滤器Exceptionfilter的具体使用
2021/02/07 Javascript
python与caffe改变通道顺序的方法
2018/08/04 Python
flask session组件的使用示例
2018/12/25 Python
python多线程并发让两个LED同时亮的方法
2019/02/18 Python
python3实现指定目录下文件sha256及文件大小统计
2019/02/25 Python
python递归法解决棋盘分割问题
2019/07/17 Python
django-filter和普通查询的例子
2019/08/12 Python
python 实现让字典的value 成为列表
2019/12/16 Python
TensorFlow设置日志级别的几种方式小结
2020/02/04 Python
Django后端分离 使用element-ui文件上传方式
2020/07/12 Python
时尚设计师手表:The Watch Cabin
2018/10/06 全球购物
Magee 1866官网:Donegal粗花呢外套和大衣专家
2019/11/01 全球购物
Napapijri西班牙在线商店:夹克、外套、运动衫等
2020/11/05 全球购物
竞选大队委员演讲稿
2014/04/28 职场文书
政府法律服务方案
2014/06/14 职场文书
基层工作经验证明样本
2014/11/16 职场文书
高中物理教学反思
2016/02/19 职场文书
新手初学Java网络编程
2021/07/07 Java/Android