Jquery中获取表单提交时不确认个数元素的个数与值的方法
生活随笔
收集整理的這篇文章主要介紹了
Jquery中获取表单提交时不确认个数元素的个数与值的方法
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
場(chǎng)景
前端向SSM后臺(tái)進(jìn)行提交時(shí)會(huì)提交多個(gè)對(duì)象,所以提交的是一個(gè)對(duì)象的List。所以頁面上的names屬性也是不確定的就比如這樣:
<input type="text" name="bookInfoList[0].mobile" data-tip=" " data-valid="isNonEmpty||isMobile" data-error=" || " class="required w_60 ml_5 fl h_36em line_h_36em c_gray_777 bor_bottom bor_title_tint" value="" placeholder="手機(jī)號(hào)" />然后是點(diǎn)擊新增按鈕時(shí)會(huì)自動(dòng)追加元素。
比如這里有兩個(gè)對(duì)象
name1為:
?
name2為:
?
但是可以知道的是頁面最多提交5個(gè)對(duì)象。
實(shí)現(xiàn)
function checkMobile(){var mobileCount=0;if($("[name='bookInfoList[0].mobile']").val()!=undefined){mobileCount++;}if($("[name='bookInfoList[1].mobile']").val()!=undefined){mobileCount++;}if($("[name='bookInfoList[2].mobile']").val()!=undefined){mobileCount++;}if($("[name='bookInfoList[3].mobile']").val()!=undefined){mobileCount++;}if($("[name='bookInfoList[4].mobile']").val()!=undefined){mobileCount++;}var mobileArray = new Array();for(var i=0;i<mobileCount;i++){mobileArray[i] = $("[name='bookInfoList["+i+"].mobile']").val()}if((new Set(mobileArray)).size != mobileArray.length){//說明有重復(fù)元素$ak.alert("所有乘客手機(jī)號(hào)不能重復(fù)", {title: "信息提示",//彈窗標(biāo)題button_ok: "確定",button_cancel: "取消",icon: "error", //圖標(biāo)類型(warning,error,info,question,success)animateIn: "bounceInDown",//彈窗顯示效果animateOut: "bounceOutUp"});return false;}else{return true;} }?
總結(jié)
以上是生活随笔為你收集整理的Jquery中获取表单提交时不确认个数元素的个数与值的方法的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Jquery中验证数组中是否有重复元素
- 下一篇: Java中判断List中是否有重复元素