2013-02-21 53 views
0

這是該作品的屏幕截圖。表單驗證多維選擇框

顏色下拉菜單有子顏色。現在顏色的名稱是color[]。對於這種情況,你可以看到有3種顏色。第一個顏色有1子的顏色,第2顏色有3種顏色和顏色3有1子顏色

enter image description here

有驗證的數字,我需要檢查。

  1. 任何顏色,分顏色不應該是「SELECT」(圖像 被選擇的顏色全部下拉菜單)
  2. 父百分比(第一顏色圖像缺失百分比框,但在現場)的所有3種顏色應該是完全100
  3. 對於每種顏色子百分比也應該是準確100%,例如顏色2具有3種個子顏色和3種顏色有20個,40個,40作爲子百分比

我無法驗證JS中的表單。

我試過frm["color[]"].length它給我三個,現在第一個顏色的子顏色有color[1][]的名字。如果我得到color[]的長度並在其上循環。

for (i = 0; i < frm["color[]"].length; i++){ 
    k = i+1; 
    console.log(frm["color["+k+"][]"]); 
} 

它的工作。

由於現在有3種顏色和console.log(frm["color[]"].length)返回3,如果只有1種顏色,它將返回我在下拉列表中的項目,這是像2K +

的數量如果您有任何疑問,請讓我知道jQuery的解決方案,也歡迎

謝謝

+0

Jquery的:'$( '選擇[名^ = 「顏色[」]')'應該選擇所有選擇以顏色開頭[ – mplungjan 2013-02-21 06:14:54

+0

它選擇了,但是我怎樣才能遍歷每個選擇並檢查其值,用戶選擇一個或不。我想知道索引,所以我可以提醒用戶'COLOR 3未被選中' – 2013-02-21 06:54:46

回答

0

的jQuery:

$('select[name^="color["]').each(function() { 
    if ($(this).val()=="SELECT") { 
    alert(this.name.replace(/[^color0-9]/gi," ")+"is not selected"); 
    return false; 
    } 
});