判斷多個(gè)input type=file是否有已經(jīng)選擇好文件的代碼
更新時(shí)間：2012年05月23日 16:36:17 作者：
在each中使用return false退出循環(huán)，使用return true結(jié)束當(dāng)前次循環(huán)，進(jìn)行下一次循環(huán)
表單中有多個(gè)<input type="file" name="uploadfile" contentEditable="false" style="width:80%">，
提交表單時(shí)需要判斷其中至少要有一個(gè)input已經(jīng)選擇好文件。
<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進(jìn)行判斷：
var fileFlag = false;
$("input[name='uploadfile']").each(function(){
if($(this).val()!="") {
fileflag = true;
return false;
}
});
if(fileFlag) {
alert("已有選擇好文件的");
}
只要fileFlag為true,就可以退出each循環(huán)，不需要再對(duì)剩下的input進(jìn)行判斷。
在each中使用return false退出循環(huán)，使用return true結(jié)束當(dāng)前次循環(huán)，進(jìn)行下一次循環(huán)。
提交表單時(shí)需要判斷其中至少要有一個(gè)input已經(jīng)選擇好文件。
復(fù)制代碼 代碼如下:
<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進(jìn)行判斷：
復(fù)制代碼 代碼如下:
var fileFlag = false;
$("input[name='uploadfile']").each(function(){
if($(this).val()!="") {
fileflag = true;
return false;
}
});
if(fileFlag) {
alert("已有選擇好文件的");
}
只要fileFlag為true,就可以退出each循環(huán)，不需要再對(duì)剩下的input進(jìn)行判斷。
在each中使用return false退出循環(huán)，使用return true結(jié)束當(dāng)前次循環(huán)，進(jìn)行下一次循環(huán)。
您可能感興趣的文章:
- jQuery判斷多個(gè)input file 都不能為空的例子
- 上傳圖片預(yù)覽JS腳本 Input file圖片預(yù)覽的實(shí)現(xiàn)示例
- js 獲取、清空input type=
- 將input file的選擇的文件清空的兩種解決方案
- 讀取input:file的路徑并顯示本地圖片的方法
- js 實(shí)現(xiàn) input type="file" 文件上傳示例代碼
- input file的默認(rèn)value清空與賦值方法
- css美化input file按鈕的代碼方法
- ie8本地圖片上傳預(yù)覽示例代碼
- 模擬QQ心情圖片上傳預(yù)覽示例
- javascript 圖片上傳預(yù)覽-兼容標(biāo)準(zhǔn)
- input file上傳 圖片預(yù)覽功能實(shí)例代碼
相關(guān)文章
jQueryUI DatePicker 添加時(shí)分秒
本文主要介紹jQueryUI DatePicker添加時(shí)分秒的方法，簡(jiǎn)單實(shí)用，需要的朋友可以參考下。2016-06-06
這篇文章主要介紹了jquery插件bxslider用法,以實(shí)例形式較為詳細(xì)的分析了bxslider插件的使用步驟與相關(guān)技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-04-04
這篇文章主要介紹了jQuery獲取URL請(qǐng)求參數(shù)的方法,涉及jquery針對(duì)URL的獲取與字符串的操作技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-07-07
jquery精度計(jì)算代碼 jquery指定精確小數(shù)位
這篇文章主要為大家詳細(xì)介紹了jquery精度計(jì)算代碼,jquery指定精確小數(shù)位，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-02-02
jQuery+css實(shí)現(xiàn)炫目的動(dòng)態(tài)塊漂移效果
這篇文章主要介紹了jQuery+css實(shí)現(xiàn)的動(dòng)態(tài)塊漂移效果,涉及jQuery基于隨機(jī)數(shù)與時(shí)間函數(shù)動(dòng)態(tài)操作頁(yè)面元素樣式的相關(guān)技巧,需要的朋友可以參考下2016-01-01
Jquery和JS獲取ul中l(wèi)i標(biāo)簽的實(shí)現(xiàn)方法
下面小編就為大家?guī)?lái)一篇Jquery和JS獲取ul中l(wèi)i標(biāo)簽的實(shí)現(xiàn)方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-06-06
Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用法總結(jié)
本文是對(duì)Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用進(jìn)行了詳細(xì)的總結(jié)介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2013-11-11
在網(wǎng)頁(yè)客戶端，我們經(jīng)常會(huì)遇到讀取或者設(shè)置cookie的情況，如果用純生的js我們可能會(huì)遇到一些兼容性帶來(lái)的麻煩，這里給大家介紹一個(gè)比較實(shí)用jquery操作cookie的插件2014-01-01
jQuery實(shí)現(xiàn)tag便簽去重效果的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)tag便簽去重效果的方法,較為詳細(xì)的分析了html頁(yè)面及js代碼的實(shí)現(xiàn)技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-01-01
在寫Web 應(yīng)用，或者Web Ajax功能的時(shí)候我們經(jīng)常需要處理事件，jquery已經(jīng)非常完美的封裝了事件，但是有時(shí)候事件的執(zhí)行順序還是會(huì)有微小差別2009-12-12