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