jquery 必填項(xiàng)判斷表單是否為空的方法
更新時(shí)間:2008年09月14日 20:42:33 作者:
jquery 表單驗(yàn)證,檢測(cè)表單是否為空
html頁(yè)面
<form onsubmit="if(confirm('確定好你所填寫的正確,不然會(huì)發(fā)錯(cuò)!')) {return checkForm();}else{return false;}" >
<table >
<tr>
<td>選擇發(fā)送人<font class="red">*</font></td>
<td>
<input type="text" name="sendto_type[]" id="sendto_type1" value="1" >按城市發(fā)送
</td>
</tr>
<tr>
<td>選擇發(fā)送人2<font class="red">*</font></td>
<td>
<input type="text" name="sendto_type[]" id="sendto_type1" value="1" >按城市發(fā)送
</td>
</tr>
</table>
</form>
js代碼
<script>
function checkForm() {
pass = true;
$("td:contains('*')").next().find("input").each(function(){
if(this.value == '') {
text = $(this).parent().prev().text();
alert(text+"是必填項(xiàng)");
this.focus();
pass = false;
return false;//跳出each
}
});
return pass;
}
</script>
復(fù)制代碼 代碼如下:
<form onsubmit="if(confirm('確定好你所填寫的正確,不然會(huì)發(fā)錯(cuò)!')) {return checkForm();}else{return false;}" >
<table >
<tr>
<td>選擇發(fā)送人<font class="red">*</font></td>
<td>
<input type="text" name="sendto_type[]" id="sendto_type1" value="1" >按城市發(fā)送
</td>
</tr>
<tr>
<td>選擇發(fā)送人2<font class="red">*</font></td>
<td>
<input type="text" name="sendto_type[]" id="sendto_type1" value="1" >按城市發(fā)送
</td>
</tr>
</table>
</form>
js代碼
復(fù)制代碼 代碼如下:
<script>
function checkForm() {
pass = true;
$("td:contains('*')").next().find("input").each(function(){
if(this.value == '') {
text = $(this).parent().prev().text();
alert(text+"是必填項(xiàng)");
this.focus();
pass = false;
return false;//跳出each
}
});
return pass;
}
</script>
您可能感興趣的文章:
- js中判斷文本框是否為空的兩種方法
- 判斷PHP數(shù)組是否為空的代碼
- C#三種判斷數(shù)據(jù)庫(kù)中取出的字段值是否為空(NULL) 的方法
- Js判斷參數(shù)(String,Array,Object)是否為undefined或者值為空
- java判斷字符串String是否為空問(wèn)題淺析
- js判斷為空Null與字符串為空簡(jiǎn)寫方法
- JS判斷變量是否為空判斷是否null
- JavaScript判斷textarea值是否為空并給出相應(yīng)提示
- Shell腳本中判斷輸入變量或者參數(shù)是否為空的方法
- python使用any判斷一個(gè)對(duì)象是否為空的方法
- PHP判斷是否為空的幾個(gè)函數(shù)對(duì)比
- JS/Jquery判斷對(duì)象為空的方法
相關(guān)文章
jQuery實(shí)現(xiàn)鼠標(biāo)劃過(guò)添加和刪除class的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)鼠標(biāo)劃過(guò)添加和刪除class的方法,涉及jQuery鼠標(biāo)事件及頁(yè)面樣式的相關(guān)操作技巧,需要的朋友可以參考下2015-06-06jquery預(yù)覽圖片實(shí)現(xiàn)鼠標(biāo)放上去顯示實(shí)際大小
本文為大家介紹的這個(gè)示例為jquery實(shí)現(xiàn)的預(yù)覽圖片,當(dāng)鼠標(biāo)放上去顯示實(shí)際大小,感興趣的朋友可以學(xué)習(xí)下2014-01-01jquery對(duì)象與DOM對(duì)象轉(zhuǎn)化
本文主要介紹了jquery對(duì)象與DOM對(duì)象轉(zhuǎn)化方法。具有很好的參考價(jià)值,下面跟著小編一起來(lái)看下吧2017-02-02js和jQuery設(shè)置Opacity半透明 兼容IE6
對(duì)于每一個(gè)網(wǎng)站前端開(kāi)發(fā)人員,常常都會(huì)遇到設(shè)置div透明度的需求,比如在實(shí)現(xiàn)圖片幻燈片切換效果經(jīng)常就需要使圖片淡入淡出。本文分別對(duì)原生js和jQuery在IE和其它瀏覽器中設(shè)置透明度的方法和相關(guān)注意事項(xiàng)進(jìn)行總結(jié)。2016-05-05jQuery 實(shí)現(xiàn)左右兩側(cè)菜單添加、移除功能
本文通過(guò)實(shí)例代碼給大家分享了jQuery 實(shí)現(xiàn)左右兩側(cè)菜單添加、移除功能,需要的朋友參考下吧2018-01-01jquery列表拖動(dòng)排列(由項(xiàng)目提取相當(dāng)好用)
最好的jquery列表拖動(dòng)排列自定義拖動(dòng)層排列。當(dāng)點(diǎn)擊或拖動(dòng)列表時(shí),可以自定義隨意拖放列表模塊到相應(yīng)位置2014-06-06jQuery實(shí)現(xiàn)動(dòng)態(tài)加載瀑布流
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)動(dòng)態(tài)加載瀑布流,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-09-09